Menu Jumps When Scrolling

Hi there,

When you scroll, my menu jumps and leaves space at the top of the page where the header should be (but is deactivated) and covers the title of the page. This happens on every page but the homepage.

Can you help?

https://wordperfectenglish.com/skype-english-lessons/

Liam

Hello Liam,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

.header-clone {
    display: none;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

P. S.
It looks like you have added this custom CSS rule:

body:not(.home) .site-header.fixed {
    position: relative !important;
}

It seems to be causing the issue.

Hi Roman,

Removing that original code worked. It still overlaps slightly but it is much better.

The code you suggested makes the header menu cover the title so it looks better without.

Thank you so much for your help!

Liam.

You are welcome Liam!

Kind Regards, Roman.