[Resolved] Logo Position

[Alan]

Hi

Can you please tell me if its possible to remove the white space below my logo so that the logo aligns with the primary menu?

Gold Coast Snake Catcher

Thanks,

Alan

[David]

Hi there,

try enabling the Navigation as Header in Customizer > Layout > Header.
Then go to Customizer > Layout > Primary Navigation and increase the Menu Item Height as this will control the size of the logo.

[Alan]

Hi David

Just curious, Is this how the logo is supposed to be positioned by default with the logo higher than the primary navigation?

Thanks,

Alan

[David]

Nope – its an odd Float issue that sometimes happens with some browsers – really rather random, sometimes on initial load it miscalculates the image size causing the menu to drop. You generally notice a refresh puts it back where it belongs. The Nav as Header option doesn’t use Floats.

[Alan]

That worked thanks David
Thanks for the help.

[Alan]

Hi David.

I must have something wrong. I’ve noticed that it looks fine on a desktop computer but now the logo and the menu are left aligned on a mobile. How do I make the logo and the menu align to the center on a mobile?

I have got this in the customizer but I’m not sure why. Maybe its something to do with it. I removed it and nothing changed

@media (max-width: 768px) {
    .inside-header {
        display: flex;
        flex-direction: column-reverse;			        
    }
}

Thanks,

Alan

[Leo]

Can you link us to the page in question?

[Alan]

Hi Leo.

Here is a link

Gold Coast Snake Catcher

Thanks,

Alan

[Leo]

This is what I’m seeing currently:
https://www.screencast.com/t/ZVE3XiJHQrb

I don’t see a way to position the logo in the center as it’s quite a large logo.

It doesn’t look like there is enough space for the toggle if the logo is centered.

[Alan]

Thanks Leo

I’m not sure what was wrong but its looking fine now. Thanks

[Leo]

No problem 🙂

[Author]

Posts