Home › Forums › WoodMart support forum › MOBILE BOTTOM NAVBAR Filter Navigation to rename to Menu and Change icon
MOBILE BOTTOM NAVBAR Filter Navigation to rename to Menu and Change icon
- This topic has 4 replies, 2 voices, and was last updated 4 years, 7 months ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
July 8, 2020 at 5:13 am #209307
dnaParticipantHi i would like to change the MOBILE BOTTOM NAVBAR filter option to change the name to MENU and the icon as well..
However when I chose off canvas sidebar as an option it doesnt show up. Please advice
July 8, 2020 at 11:02 am #209394
Aizaz Imtiaz AwanKeymasterHello,
First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family
:-)
.1) Please provide a screenshot of the mobile bottom navbar icon you want to change the name to check it myself and help you out accordingly.
2) In the mobile bottom navbar the offcanvas sidebar button works on the pages that have a sidebar assigned to them. Please make sure that you have added the sidebar to the pages this will fix the issue.
Best Regards.
July 8, 2020 at 1:01 pm #209449
dnaParticipantHi please find attached documents for the screenshots explainations! thanks so much 🙂
July 8, 2020 at 1:02 pm #209451
dnaParticipantHi please find link to screenshot
July 8, 2020 at 1:21 pm #209458
Aizaz Imtiaz AwanKeymasterHello,
You are Most Welcome.
1) You can add custom links in the mobile bottom navbar and set the icons and link according to your needs.
Please Go to Theme Settings >> General >> Mobile Bottom Navbar.
Screenshot for Clarification: https://ibb.co/Zzc785N
2) For the mobile menu Please Go to Appearance >> Menus. Create a new menu and set it as the mobile side menu then the menu will be displayed on mobile in the main menu.
Screenshot for Clarification: https://ibb.co/sPDpNJb
3) You need to add the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS to display the quick view button on mobile.
.woodmart-buttons .wd-quick-view-btn { display: block; }
4) To make the add to cart full width on mobile. Please try and add the following Custom CSS in the Custom CSS for mobile area under Theme Settings >> Custom CSS.
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart.add-to-cart-loop { width: 100%; }
5) To increase the size of the arrows in the slider please add the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.
.owl-nav > div::after{ font-size: 12px; }
6) Sorry but there is no option in Theme Settings to add the apply coupon button on the sidebar cart.
7) The sidebar button is displayed differently because on shop pages there is added the sidebar thats why it displays the sidebar icon.
Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register