I'm almost done with my website and the theme is awesome!
I have one question: can I see the opened menu and the option to close in my homepage, but see the hidden menu (with the three bars) in the rest of the page.
So, I'd like to have the option to close the menu, but show it opened, only in my homepage. The rest of pages should have the closed menu.
If this is possible, can I have the menu opened only in the first image of my slider?
I've just realized that with this change, I can't see the menu on the homepage when using my smartphone. Can I see the three bars when using the smartphone?
Hi there!
I'm almost done with my website and the theme is awesome!
I have one question: can I see the opened menu and the option to close in my homepage, but see the hidden menu (with the three bars) in the rest of the page.
So, I'd like to have the option to close the menu, but show it opened, only in my homepage. The rest of pages should have the closed menu.
If this is possible, can I have the menu opened only in the first image of my slider?
Thank you!!!
I attach to images to show what I mean.
Hi vause_com,
You can achieve both of them except that in the homepage you can't have the close button when the menu is open, so it will be static.
To achieve this paste the following CSS when editing the homepage, scroll down to the Custom CSS inside that page and paste this code:
.main-header.menu-type-standard-menu .standard-menu-container.menu-bar-root-items-hidden div.menu>ul>li:nth-child(n+1), .main-header.menu-type-standard-menu .standard-menu-container.menu-bar-root-items-hidden ul.menu>li:nth-child(n+1) { opacity: 1; visibility: visible; } .main-header.menu-type-standard-menu .standard-menu-container.menu-bar-root-items-hidden .menu-bar { display: none; }Best regards,
Laborator Team
Thank you very much! It worked perfectly!
Glad to hear that it worked out,
Have a great weekend
Best regards,
Laborator Team
Hi there!
I've just realized that with this change, I can't see the menu on the homepage when using my smartphone. Can I see the three bars when using the smartphone?
- Desktop version: open menu
- Smartphone/table version: three bars menu
Thank you!!!
Hi there,
Paste this code in Custom CSS > Responsive > Small and Extra Small:
.main-header.menu-type-standard-menu .standard-menu-container.menu-bar-root-items-hidden .menu-bar { display: block !important; }Best regards,
Laborator Team
Thank you! Everything perfect now!
I'm glad to hear that!
Will set this ticket as solved from here.
Best regards,
Laborator Team