Docs

[mrwaldor]

Is there a way to create a menu such as this?

I am currently trying to replicate this menu interaction where the header stays on top of page however the revolution slider menu stays as you scroll down. http://www.apple.com/macbook-pro/

The Buy menu area from the apple page (currently found on an Innovation Menu revolution slider) goes below the actual header as you scroll down the page

I see the revolution slider (Innovation slider) has a Z index. It may have something to do with it?

I am currently running the renew stack

I have attached the CSS code that the revolution slider has

Any help would be appreciated

[Lely]

Hi There,

Can you share your site URL so we can check. From your sample, there’s menu on top which we can add on Topbar Content, then the Logo and main menu can be set as Fixed Top. With that setup the menu on Topbar will leave the screen as you scroll but the main menu with logo will be fixed on top on scroll. I am not sure exactly about your setup based on the screenshot you have shared. Please give clarification and URL.

[mrwaldor]

This reply has been marked as private.

[mrwaldor]

I would just need that achieved in this page not all other pages.

Thank you very much for looking into this

[Jade]

HI there,

Please go to Appearance > Customize > Header > Navbar Position : Fixed Top.

Then add this code in the customizer:

.masthead-inline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

Hope this helps.

[Author]

Posts