Home › Forums › WoodMart support forum › Custom icon in mobile bottom navbar + Margin in category header on mobile

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

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 20, 2020 at 6:50 am #188421

    jaybee
    Participant

    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.
    April 20, 2020 at 8:31 am #188465

    Aizaz Imtiaz Awan
    Keymaster

    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.

    April 20, 2020 at 8:56 am #188482

    jaybee
    Participant

    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

    April 20, 2020 at 10:51 am #188512

    Aizaz Imtiaz Awan
    Keymaster

    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.

    April 20, 2020 at 11:40 am #188539

    jaybee
    Participant

    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

    April 20, 2020 at 12:02 pm #188548

    Aizaz Imtiaz Awan
    Keymaster

    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.

    April 20, 2020 at 3:52 pm #188608

    jaybee
    Participant

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

    April 21, 2020 at 6:34 am #188694

    Aizaz Imtiaz Awan
    Keymaster

    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.

    April 21, 2020 at 7:06 am #188701

    jaybee
    Participant

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

    April 21, 2020 at 7:34 am #188707

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Custom icon in mobile bottom navbar + Margin in category header on mobile’ is closed to new replies.