Shop Menu for Mobile

karynrowe · March 15

How can I set up a shop menu for mobile? for navigation

Phil · March 15

Hi,

Can you explain in more detail what you want to achieve?

It would be best if you attach some examples showing that.

Thanks

karynrowe · March 16

The website is https://karynrowe.com/

It's the navigation header to go back to the main shop page etc....here are some screenshots...

Screen Shot 2023-03-15 at 10.49.55 PM.png

Screen Shot 2023-03-15 at 10.50.11 PM.png

as you can see there is no menu to go back etc

Phil · March 16

You can use the Header Builder and assign a header template with these links to shop pages.

https://support.muffingroup.com/video-tutorials/header-builder-2-0/

Thanks

karynrowe · March 16

Yes that is for the header - I mean a menu if your looking at a product in shop page (mobile) there is no way of getting back to home page or shop page etc

Phil · March 16

Do you mean breadcrumbs?

If yes, please, use the following CSS code:

@media only screen and (max-width: 767px){
 #Subheader ul.breadcrumbs {
      display: block!important;
 }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

karynrowe · March 16

Great thank you will try this

karynrowe · March 17

Hi nope it didnt show up

Phil · March 20

I do not see the CSS code I have sent you in the file where custom CSS codes goes.

Did you add it in Betheme -> Theme options -> Custom CSS & JS -> CSS?

Do you have any caching plugins enabled?

If yes, disable it, clear your browser cache, and recheck that.

Best regards

karynrowe · March 20

Perfect it worked - thank you -

Should I just keep the plugin deactivated?

Phil · March 20

Until you finish working on your website, I suggest keeping it inactive.

When you are done, you can activate it back.

Best regards

Shop Menu for Mobile

Comments