Main Menu

yourhomeart · January 17

Hi,

On my website homepage, I have a scrolling menu on the home page using the Transparent Layout style for the header. I also have the sticky header enabled.

As I scroll down, the header becomes white instead of transparent has a white background.

Is it possible to hide the main menu until I start to scroll only on the home page? (Home page post=226)

I would also like to add a menu to a Slider Revolution module. I would appreciate a pointer to instructions on how to do that if it is possible.

Many thanks,

Phil · January 17

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

It is always a good idea to also attach a screenshot showing your issue.

Thanks

yourhomeart · January 17

Yes, it's under construction at the moment and the person I am building it for doesn't want to make it live yet, even temporarily.

I want to hide the menu circled in red, keep the menu in green as I scroll down, and add a menu onto the Revolution Slider shown here circled in blue.

I've managed to make the red circled menu disappear with CSS but on all pages, and it makes the green menu disappear too.

Is it possible please to give help on this information? Thank you.

Phil · January 18

1) Try the following CSS code:

.home #Top_bar:not(.is-sticky) .menu {
 display: none;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

2) Please see the following article:

https://www.sliderrevolution.com/faq/build-a-hamburger-menu-with-slider-revolution/

Best regards

yourhomeart · January 18

Brilliant, thank you! :)

Main Menu

Comments

This website uses cookies