Docs

[wsmaniac01]

Hi guys

I am looking to have my logo spread across the entire top and bottom header, similar to the screen shot example attached. Is there an easy way to achieve this with CSS or is it a more in depth customisation? Will follow with site URL.

Thanks!

[wsmaniac01]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! In the attached screenshot the header is inline with navigation bar and upon checking your site the your logo is also inline with the Navbar. Can you please further explain with some screenshots so we can suggest you a solution?

Thanks!

[wsmaniac01]

Thanks – you’ll see in my attached screenshot that the top header of the example website (“Find your local office” etc.) sits in line with the top of the logo and floats to the right.

The bottom header/main navigation sits in line with the bottom of the logo and also floats to the right.

The logo floats to the left of both the top header and main navigation.

On my site, the top header floats to the left and appears above the logo, not in line with it. Does that make sense?

[Joao]

Hi There,

Please add the following code to Appereance / Customizer / Custom /CSS :

.x-topbar {
   z-index:1;
}

.x-brand img {
    margin-top: -50px;
}

After that you can go to your Appereance / Customizer / Header and adjust the Navbar Top Link Alignment (px) to 40px

Hope that helps,

Joao

[wsmaniac01]

Thank you!

[Thai]

You’re most welcome 🙂

[Author]

Posts