Custom icon in mobile bottom navbar + Margin in category header on mobile

Hi
1/ I want to change the icon in the custom mobile navbar, when i change with custom url and icon it doesnt show the number on basket and on wishlist (screenshot) so is it possible to change the default icon of shop/wishlist/basket with my svg and which is the css
2/ I’ve problem with margin in categories on mobile (screenshot)
3/ I’ve problem with margin on product breadcrumb on mobile (screenshot2)

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

1) I have visited your website and the icons you have changed for add to cart and WishList are working absolutely fine on my end. They are displaying the count as well.

Screenshot for Clarification: https://ibb.co/m4rVwfZ

2) There is no such error in the margin of the category page as you mentioned. Please clear cache and check back.

3) I have fixed the breadcrumb margin issue for a single product page on your website.

Screenshot for Clarification: https://ibb.co/RbwhhBM

Best Regards.

Hi
1/ in my screenshot it is on the mobile bottom navbar wher there is no count !
2/ Its on mobile too and still got the problem
3/ Thanks

Hello,

1) I have fixed the margin issue on the mobile for the categories title. Please clear cache and check back.

2) And for the Custom Icon on the mobile bottom navbar not showing count please check by removing the custom icon and adding the default icon to check its working properly or not.

Then Regenerate the CSS from WoodMart >> CSS Generator. Clear cache and check back.

Best Regards.

Ok
1/ still got the problem on mobile pages : https://new.fuseauxdelavande.com/savoir-faire/
How have you fixed the issue (css ? theme options ??)
2/ It’s working with default icon so just give me the css to change them (wishlist/shop/basket)
Thanks

Hello,

1) I have added the following Custom CSS code in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.woodmart-archive-shop .whb-header {
margin-bottom: 65px;
}

For the other pages, Please add the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-header {
margin-bottom: 65px;
}

2) I have visited your website and it seems that you are still using the images as icons please remove them to check it myself and help you out accordingly.

Best Regards.

1/ Perfect thanks a lot
2/ i’ve change with default icon

Hello,

You are Most Welcome.

To change the icon of the cart icon on the mobile bottom navbar you need to add the following Custom CSS in the Custom

CSS for mobile area under Theme Settings >> Custom CSS.

.woodmart-shopping-cart.woodmart-cart-alt .woodmart-cart-icon::before{
content: "";
display: inline-block;
background: url(https://new.fuseauxdelavande.com/wp-content/uploads/2018/06/glass-shopping-bag.svg) no-repeat center;
background-size: contain;
width: 20px;
height: 20px;
}

Best Regards.

Great
Perfect
Amazing support as usual !!!
Have a good day

Most Welcome :-)

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts