Swap Nav Bar with Header Image

thorntonkeri · Member · Oct 7, 2015 at 12:08 am
Copy link

Add topic to favorites
Hello

How can I switch the position of the nav bar and the header image?

The blog I need help with is alldaylunchbreak.co.uk.

Example of the type of header/nav layout i wish to achieve is
DollyRach

I have a Premium account so have the CSS custom edibility.

Many thanks

The blog I need help with is: (visible only to logged in users)
timethief · Member · Oct 7, 2015 at 12:09 am
Copy link
Duplicate thread. Return to https://en.forums.wordpress.com/topic/swap-nav-bar-with-header-image?replies=3#post-2476495 where you have been answered as this thread will be closed.
timethief · Member · Oct 7, 2015 at 12:10 am
Copy link
OH NO! I’m so sorry that I posted above. I forgot I told you to create a new thread here and I humbly apologize. :( Please be patient while waiting for a reply here.
ehtis · Staff · Oct 7, 2015 at 9:51 am
Copy link
Hi Keri,

It can be done via CSS, but the example blog you linked to is actually using the theme’s built-in site logo feature.

In the customizer, if you set a logo image by going into Site Title/Tagline section, it’ll show up above the navigation bar. Setting a header image, however, will place it below the navigation bar.

This requires no CSS, so if you were looking to do exactly this, I’ll recommend this method. If not, we can still move the header image above via CSS, just let me know! :)

@timethief, happens at times :D cheers.
thorntonkeri · Member · Oct 7, 2015 at 12:52 pm
Copy link
Thanks @ehtis, such a simple solution! I edited the css to feature logo full width:

.site-logo {
width: 100%;
}
ehtis · Staff · Oct 7, 2015 at 1:09 pm
Copy link
Great! All the best in building the site.

No items found.