How can I set up a shop menu for mobile? for navigation
Hi,
Can you explain in more detail what you want to achieve?
It would be best if you attach some examples showing that.
Thanks
The website is https://karynrowe.com/
It's the navigation header to go back to the main shop page etc....here are some screenshots...
as you can see there is no menu to go back etc
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/
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
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
Great thank you will try this
Hi nope it didnt show up
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.
Perfect it worked - thank you -
Should I just keep the plugin deactivated?
Until you finish working on your website, I suggest keeping it inactive.
When you are done, you can activate it back.
Comments
Hi,
Can you explain in more detail what you want to achieve?
It would be best if you attach some examples showing that.
Thanks
The website is https://karynrowe.com/
It's the navigation header to go back to the main shop page etc....here are some screenshots...
as you can see there is no menu to go back etc
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
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
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
Great thank you will try this
Hi nope it didnt show up
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
Perfect it worked - thank you -
Should I just keep the plugin deactivated?
Until you finish working on your website, I suggest keeping it inactive.
When you are done, you can activate it back.
Best regards