Hide top menu

[saralandeira]

Hello, I would like to hide the top menu /navbar of specific pages of my website, such as this one:

https://what-the.studio/npfst-daphne

But I'd like to hide it only on the mobile version.
I tried with something like this in the custom CSS, but didn't work:

.slug-npfst-daphne navbar .laynav {
display:none !important;
}

Thanks!

[Richard]

Dear @saralandeira

Yes, the mobile elements are a bit different. The Site-title and Burger Menu sit outside the navbar. Let me know if this code works for you:

.slug-npfst-daphne .navbar,.slug-npfst-daphne .mobile-title, .slug-npfst-daphne .lay-mobile-icons-wrap {
  display:none;
}

Result:

---

Best wishes @saralandeira & talk soon 🌝

Richard

[GAP]

Hey!
Hope is all good. I have a similar request.
I'd like to display set the burger as default menu for all the breakpoints. I will have many menu voices, so desktop menu will be too busy at one point.
Thanks in advance!

[Richard]

Dear @GAP

Using Lay Theme's built in Burger menu for all screens is only possible by setting/using the Mobile Layout for all screens (no desktop layout). This removes the ability to style differently between devices. Burger Menu's are relatively easy to custom code if you wish to use mobile, tablet and desktop layouts.

https://laytheme.com/documentation.html#custom-css-styling

https://www.w3schools.com/howto/howto_js_mobile_navbar.asp

---

Best wishes ✨

Richard

[GAP]

Dear @Richard,
would be great to have that possibility... on https://www.thyself.agency/ I need to insert way more menu voices... Having a Burger menu would solve this problem... Otherwise the only option is to make the font smaller? That's the worst option... will ruin the design....

[Richard]

Dear @GAP

The Burger menu for all Layouts is in the notes for future discussion. Custom coding or using the Mobile layout is the only way currently. You may also wish to look into "accordions" many users on the forum have integrated them before. This way the menu would open out into many listed menu points.

https://www.w3schools.com/howto/howto_js_accordion.asp

---

Best wishes

Richard