[Resolved] Primary Navigation Menu Logo Image Offset From Top

[Py]

My website is Ofpad.com

My menu logo image appears offset from the header for some weird reason, please see the below image

In the customize Primary Header Bar it appears correctly please see below image.

I have tried clearing cache and disabling the cache plugin as well. But the issue persists. Please help me fix this issue.

Thank you

[Tom]

You have this custom CSS:

a:before {
    display: inline-block;
    content: " ";
    margin-top: -250px;
    height: 250px;
    visibility: hidden;
}

That’s applying to all links, including the link wrapper around the navigation logo.

[Py]

Hey Tom

Thank you for your quick reply. In my website I have links to sections on the same page like how the “Table Of Contents” section of Wikipedia works. I have this custom css so that when I click on these type of links the section is not hidden underneath the floating menu.

Is there anyway I can have this css as well as not have the above displacement problem? Is there a way I can remove the link behind my image?

[Py]

Hey

Thanks I have fixed it. This article helped – https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header

[Tom]

Awesome 🙂

[Author]

Posts