Hi there!

Thanks for your query.

I have visited your site, and the header looks fixed header is already there.

Would you please explain the issue a bit more?

Best Regards

Hi Rashida,

Thank you for looking into this.

Please revisit the site, and click the down arrow twice -- while observing the change in the menu.

I basically want the menu to sit at the top of the page without the "peek-a-boo" and the drop down effect.

When visitors navigate downwards, the menu should travel upwards just like the slideshow does.

Many Thanks,

DoubleBee

Hi,

Thanks for your explanation. So, you want to remove the animation, right?

Please use the following code in your custom CSS:

#sp-header.menu-fixed {
animation: none;
}

And if you want the header to move and vanish with scrolling down then you can turn off the sticky header option to no.

https://prnt.sc/2jJM_4CFEdBX

Sorry, if I have misinterpret your desription.

Best Regards

Hi Rashida,

Thanks for responding... and please accept my apologies if I failed to explain it thoroughly. I input the code in the custom CSS and cleared the browser cache. The "Sticky Header" function is also switched to the "off" position -- but it still is not showing correctly. It might be worth taking note that there is no change in behavior whether the "Sticky Header" function is switched "on" or "off" (I tried both). Ultimatley, I want the menu in the header to "stand still" on the page, and scroll upward and downward with the rest of the page just like the other page elements do.

So far, it's been two days to try and get this accomplished and this was the part I thought would be EASY. That stated, I have included 3 screenshots for your review.

The first screenshot shows how the menu appears upon arrival to the website. This is wrong, in that there appears to be a menu on the slideshow which should not be there.

The second screenshot shows how the menu appears once you click downwards a couple of clicks. This is right (you will notice that the menu has a white background, and is popluated with the options "Send Text", "Live Chat" and "Sign In". The question is HOW do we get it to display upon arriving to the website -- and then STAY in it's header location, once the customer starts to scroll down the page?

The third screenshot shows how the menu travels down the page once site visitors click downwards. Notice where the menu is located despite the fact that the page is scrolled all the way down to the footer. This is wrong, in that the menu should "stay in place" above the slideshow without appearing and/or vanishing as customers explore the rest of the page -- in the same manner that the slideshow and other page elements do.

Thanks Again, DoubleBee

Hi,

Sorry for the unwanted delay!

Would you please give me your admin access here to check the sticky header option not working issue?

Best Regards

Hi,

It seems I got what you want.

Would you please try the following code snippet?

#sp-header {
    background-color: white;
}
.variation-corporate .sp-megamenu-parent >li >a {
    color: #4f5362 !important;
}
#sp-header.menu-fixed {
    position: relative;
}

Hope this will serve your purpose.

Kindly do let me know if it results what you wanted!

Best Regards

If you want the same behavior for your smaller devices Header, then the following code should be enough for it:

#offcanvas-toggler >i {
    color: #4f5362 !important;
}

Is this what you are looking for?