[Jayd KParticipant]

Hi there,

I wondered if you could help me.
I have used a background image to put in place of the main header by using CSS code, and the logo has been uploaded via the standard Customise option as a PNG. This works out well for me, and I have used this before.

However, I am looking to have the Navbar appear below the header, but it stays within the logobar area.
Please see this website for how I am trying to make the navbar appear, as well as retaining my transparent header with image behind. http://www.sassandbelle.co.uk/

How can I make a new strip below the main header for the navbar to live, as well as keeping the transparency in the header?

Here is how I have created my website so far – any help greatly appreciated.
http://www.simplysigns.com/giftsbyberni

[JoaoModerator]

Hi There,

You will need to go to Appereance Customizer Header and change your header to stacked.

After doing that you need to add the background to .x-logobar instead

After doing these steps please let us know if you need further help.

Thanks

[Jayd KParticipant]

Hi there,

That’s great, thanks so much!
Is there any way I can align the logo to the left of the screen, instead of it being centered as it is in the stacked option?

[JoaoModerator]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.masthead-stacked .x-brand {
    margin-left: 5%;
    float: left;
}

Hope it helps

Joao

[Author]

Posts