How do I get rid of the hamburger menu on mobile devices?

Site URL: https://hyperboloid-owl-e8p4.squarespace.com/config/pages

On mobile devices the hamburger menu appears but it is barely visible obscured by the header. I'd rather people be able to see the normal navigation on a small screen.

12 hours ago, Greenaway said:

Site URL: https://hyperboloid-owl-e8p4.squarespace.com/config/pages

On mobile devices the hamburger menu appears but it is barely visible obscured by the header. I'd rather people be able to see the normal navigation on a small screen.

try

@media only screen and (max-width: 640px) {
  .Header--top,
[data-nc-base="header"] [data-nc-group="top"] {
  display: block;
  padding-top: 0;
}
[data-nc-base="header"] [data-nc-group="top"] [data-nc-container="top-left"] {
  display: flex !important;
  flex-align: center !important;  
}
[data-nc-base="header"] [data-nc-group="top"] [data-nc-container="top-center"],
[data-nc-base="header"] [data-nc-group="top"] [data-nc-container="top-right"],
.Mobile-bar-menu {
  display: none !important;
}
}

Hi - I have the same question. @bangank36 - you code ALMOST works for me, but I want the Menu text to be aligned to the the right of the logo, not underneath it. I can't figure out how to adjust the CSS. Can you help? My site is rose-oleander-3eya.squarespace.com (your CSS is not currently applied)

Thank you!

2 hours ago, rikkiprice said:

Hi - I have the same question. @bangank36 - you code ALMOST works for me, but I want the Menu text to be aligned to the the right of the logo, not underneath it. I can't figure out how to adjust the CSS. Can you help? My site is rose-oleander-3eya.squarespace.com (your CSS is not currently applied)

Thank you!

 

You mean place the dropdown menu under the logo as well?

No, I mean place the dropdown menu to the right of the logo instead of the hamburger menu. So you would have the logo top left, and the menu top right - with MENU text (folder name) instead of hamburger

On 3/26/2021 at 12:04 AM, rikkiprice said:

No, I mean place the dropdown menu to the right of the logo instead of the hamburger menu. So you would have the logo top left, and the menu top right - with MENU text (folder name) instead of hamburger

Can you share link to your site? We can check easier