Dropdown Menu on Homepage doesn't scroll

Can you please share any screenshot of the menu issue or URL of your site so that I can help you?

Sure! The link to the home page is https://www.hipporump.com/
If you roll over “canyoneering” on the home page and then scroll down on the page, the page content will move but the menu will not scroll with. However if you are on one of the pages and do the same, hopefully you will see it reacts differently.

Thank you @holygouda for providing the information. I will look into your website and get back to you here.

Ok I found the reason why top menu is moving on homepage even when you scroll and why it is not moving on other pages.

It is not any issue or bug, it is by design as per the design / layout of your website.

I have a solution for you ??

Open your stylesheet in an editor to make changes: http://www.hipporump.com/wp-content/themes/athena/inc/css/style.css?ver=1.0.8

Look for this:

athena-header .header-inner{
    background: #1b1b1b;
    height: 85px;
}

Replace it with this:

#athena-header .header-inner{
    background: #1b1b1b;
    height: 85px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}

Save it and you should see the same behavior of the menu on all pages of your public site.

Thanks so much for your help! Unfortunately, I looked through the stylesheet and all of the templates and I cannot find that code anywhere. We are changing the menu on the home page to scroll just like the rest of the pages, correct? :/

@holygouda,

Do you have access to your root directory on the server?

This is the location of your CSS stylesheet: https://www.hipporump.com/wp-content/themes/athena/inc/css/style.css

In your stylesheet, just search for this –> #athena-header .header-inner

And you should be able to find this:

#athena-header .header-inner{
    background: #1b1b1b;
    height: 85px;
}

Then replace it with the code I provided you above.

#athena-header .header-inner{
    background: #1b1b1b;
    height: 85px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}

@holygouda, were you able to access your stylesheet and apply the header fix that I provided you?