Adding image to right side of header

  • I am trying to add an image to the right side of header, but something is pushing it to the down below logo on the left side of the header.

    When I look at the site in Firebug there seems to be something extending the header menu out past it’s parent container.

    The website is sbbl.biz, I added a little black square to illustrate what it’s doing.That little black square should be on the right hand side of the header.

    Does anyone have any insight as to why its pushing it down?

Viewing 5 replies - 1 through 5 (of 5 total)

  • This is what is extending your site out to the right:

    .collapse.navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}

    You would have to change “display: block” to “display: inline-block” and “overflow: visible” to “overflow: hidden”.

    Use a Custom CSS plugin for any changes, as when the main theme updates, all the changes you may have made to the main theme will be lost.

    Thread Starter iangdesign

    (@iangdesign)

    Wow! Thank you so much for both tips…they worked great! Now it seems the image on the right is pushing down on the container is there anything I can do to get it float in the center of the header, similar to the logo on the left?

    The above is just a hack-fix. There are layout problems with this theme.
    Did you have this custom built for you (as this theme “SBBL” is not in the WordPress theme directory)…
    (…from the theme’s CSS)

    Theme Name: SBBL
    Theme URI: https://themes.bavotasan.com/2014/matheson/
    Author: Brian Butler

    Matheson WordPress Theme, Copyright 2014 c.bavota

    …if so, then you would have to contact the developer for any problems: https://themes.bavotasan.com/themes/

    Thread Starter iangdesign

    (@iangdesign)

    You are correct sir. This theme is hacked together try by a not so great developer and me trying to get things to work based on the “developer’s” specs.

    Thread Starter iangdesign

    (@iangdesign)

    It turns out the above code blocks the drop down menu from showing. Any idea how I can get this to work together while still having the image on the right show up?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Adding image to right side of header’ is closed to new replies.