- This topic has 6 replies, 2 voices, and was last updated 4 years, 1 month ago by
.
The mobile menu on the product pages in the upper right corner is not like the menu on the pc pages. It says “Assign menu” has a search bar, and two social media links. How do I:
Remove the “Assign menu”? I don’t want a menu.
Add a link to the homepage?
Remove the search bar? I don’t need a search bar
Change the Social media links to other social media links?
Change the social media links to reflect the links to my social media sites? right now they direct to nowhere…
Thank you
Solution for this topic
Hi @oldteaseller,
I hope you are well today and thank you for your questions.
Remove the “Assign menu”? I don’t want a menu.
Remove the search bar? I don’t need a search bar
You can remove it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-header-mobile .container.sh-nav-container { display: none; }Add a link to the homepage?
If you remove the menu then you can’t add a link to it so please display the mobile menu and add a homepage menu item to it in your website admin area.
Change the Social media links to other social media links?
Change the social media links to reflect the links to my social media sites?
You can change it in the theme settings as shown in the attached screenshot.
Best regards,
Shufflehound teamWon’t this solution delete the cart icon?
If so, how can I add the cart icon back onto the page?
Adding a menu may work, but then how do I get rid of the search bar?
Solution for this topic
Won’t this solution delete the cart icon?
This may delete it.
First, please freeze your requirements so that I can help you accordingly.
If so, how can I add the cart icon back onto the page?
You can display the cart icon in the header by configuring it in the theme header settings as shown in the attached screenshots.
Adding a menu may work, but then how do I get rid of the search bar?
Please use below custom CSS code to remove it.
.sh-header-mobile .container.sh-nav-container:last-child { display: none; }Thank you so much, this is resolved.
You are most welcome here 🙂
