Palo Alto Theme disable hamburger menu and enable mega menu

Store Design
,
1

Hi,

I am using a Palo Alto theme for my client’s website but I can’t see the option for disabling hamburger menu. My client want the mega menu not the hamburger one. Can anyone help how can I disable hamburger menu? Any help is really appreciated.

Thanks.

2

@iffatgull

plz refer to the official documentation hopefully this will help you.

Thanks

3

I can’t seem to find it anywhere. Can yo help?

4

there will be settings in the header section in the theme customizer you can check if not do let me know i can help you in this.

5

I checked but I couldn’t find such option. I want my header to look like this.
header.png

6

Ok do reply of my response.

7

I reviewed the documentation, it does not instruct on how to disable the hamburger styled menu.

There is no theme settings which allow you to disable it either.

Can someone help direct me towards where the “hamburger menu” can be disabled please.

8

Hey @miggsey - did you ever find a solution to this? I am having the same issue.

9

@KU24 @miggsey

Can you please share the store urls

10

It is a development store, not published yet.

11

For deeply looking into the issue i need to get into the theme settings.

12

No, I contacted the theme support they said that there is only a limit on number of items in header for mega menu. If number exceeds then it automatically changes into hamburger menu. So, you can’t do anything about it.

How many options do you have in header?

13

Ah, ok - that’s annoying. I love the theme, but that could be a deal breaker for my client. They have 9 menu items, but it could realistically be minimised to 7. Did they state a maximum?

ps - thanks for your reply, super helpful!

15

Recently, I resolved this issue using CSS code. You can try this CSS code

@media only screen and (min-width: 991px) {
.mobile-menu {
    display: none !important;
}
.mobile-menu__button {
    display: none !important;
}
header#SiteHeader .nav .menu__item {
    display: flex !important;
}
header#SiteHeader .nav .menu__item.menu__item--compress {
    display: none !important;
}
header#SiteHeader .logo {
    margin-left: auto !important;
    margin-right: 0 !important;
}
header#SiteHeader .wrapper .nav {
    display: flex !important;
}
.header__dropdown__inner {
    padding: 0 25px!important;
}
.grandparent .header__dropdown__wrapper {
    padding: 50px 0 20px 0 !important;
}
.parent .header__dropdown, .header__dropdown {
    background: var(--bg) !important;
}
header#SiteHeader:has(.menu__item.is-visible) {
    background: var(--bg) !important;
    --text: var(--black) !important;
}
}

@media (min-width: 991px) and (max-width: 1200px) {
header#SiteHeader .wrapper {
    padding: 0 20px !important;
}
header#SiteHeader .logo {
    padding-right: 0 !important;
}
header#SiteHeader .wrapper .nav {
    padding-right: 20px!important;
    padding-left: 20px!important;
}
header#SiteHeader .wrapper .menu__items {
    width: 85%;
}
header#SiteHeader .wrapper nav#NavStandard.nav.nav--default {
    justify-content: flex-start !important;
    padding-right: 140px !important;
}
html body header#SiteHeader .menu__item--icons {
    left: 20px !important;
}
.navlink--toplevel {
    padding: 15px 5px !important;
    font-size: 16px !important;
}
.navlink--toplevel>.navtext, .navlink--icon .navtext, .grandparent .navlink--child>.navtext {
    font-size: 16px!important;
}
.header__dropdown__inner .product-card_content *, .header__dropdown__inner .navtext {
    font-size: 14px!important;
}
.header__dropdown__inner {
    padding: 0 25px 0 25px !important;
}
.grandparent .header__dropdown__wrapper {
    padding: 50px 0 20px 0 !important;
}
.header__dropdown__inner .product-card a {
    gap: 6px !important;
    flex-direction: column !important;
}
.header__dropdown__inner .product-card a .product-card_content {
    text-align: center !important;
}
.header__dropdown__inner {
    align-items: flex-end !important;
}
.grandparent .header__dropdown__inner {
    gap: 10px !important;
}
.header__dropdown__inner .last_img {
    overflow: hidden !important;
    width: 30% !important;
    position: relative !important;
    display: block !important;
    margin: 0 0 50px 0 !important;
    padding: 0 !important;
}
.header__dropdown__inner .last_img img {
    display: block !important;
    aspect-ratio: 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
}
}

@media (min-width: 1201px) and (max-width: 1300px) {
header#SiteHeader .wrapper {
    padding: 0 20px !important;
}
header#SiteHeader .logo {
    padding-right: 0 !important;
}
header#SiteHeader .wrapper .nav {
    padding-right: 20px!important;
    padding-left: 20px!important;
}
header#SiteHeader .wrapper .menu__items {
    width: 85%;
}
header#SiteHeader .wrapper nav#NavStandard.nav.nav--default {
    justify-content: flex-start !important;
    padding-right: 140px !important;
}
html body header#SiteHeader .menu__item--icons {
    left: 20px !important;
}
}

@media (min-width: 1201px) and (max-width: 1850px) {
header#SiteHeader .wrapper .menu__items {
    width: 85%;
}
header#SiteHeader .wrapper nav#NavStandard.nav.nav--default {
    justify-content: flex-start !important;
    padding-right: 140px !important;
}
}