The menu logo is offset from the page top, how do I fix this?

Hi guys,

The menu logo for my site appears to be offset on the website, although in the customiser the positioning looks correct. I tried to insert some .padding-top: 0px code in “Additional CSS” but this has had no effect.

@media (min-width:768px){
 .site-branding { 
/*inserted this line to try and bring the logo up to the top of the menu bar*/
    padding-top: 0px; 
    background: transparent;
    border: none;

Here is what the website looks like:

The website is:

Thanks and best regards!

For further info, this is where I am trying to get to:

The “consulting” part of the logo should sit above the dividing line between the menu bar and the header image, like this in the customiser view:

Hello, it looks like you have some problematic CSS code.

You can try to temporarily deactivate all your plugins and see if it helps.

Kind Regards, Roman.

1 Like

It was fixed using this code:

Great! Please feel free to ask any other questions that you might have in future.

Kind Regards, Roman.

1 Like