Sidebar Menu not showing on mobile - Prestige

Store Design
1

Hello community,

I have created a second header for these section of pages in particular but for some reason the sidebar menu on the mobile view is not showing. Can someone help me?

I though maybe I needed to create a second sidebar many (which I did) but I don’t know how to link it to the new header I created.

https://newdaysports.com/pages/brandservices

PS: CoschStudio

Thanks in advance!

2

Hi @NDS
Thank you for your question.
I found that you have hidden it on all device.
To fix the problem you can follow this:
follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

@media(max-width: 767px){
button.Header__Icon, 
.Header__FlexItem [href="/account"], 
.Header__FlexItem [href="/search"], 
.Header__FlexItem [href="/cart"] {
    display: block!Important;
}
}

If you have any questions, do not hesitate to let me know.
email: shopify.expert.team@gmail.com

3

Hello @Michael_Pink ,

Thanks for sharing! Yes, I have those hidden because that is from the original header, I don’t want those showing here. I also don’t want the account search or cart items showing.

I have created a second header for this page, but the menu just hides for the mobile. I though maybe I also need to create a second sidebar-menu section, and so I did. But I don’t now hot to link it to the second header.

Does this make sense?

But in short, I want the main menu from the page to show in the mobile view as well as hamburger menu. This menu only has 3 items: Services, Partners, Become a Partner