How to change woocommerce cart icon size in Astra Theme(mobile view)?

  • My woocommerce cart icon in primary header is way too big, compare to other icons in mobile view. Other icons(account, search…) can change from General or Design but when I clic on cart icon, there are no size change option… could you help me with this?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • .

    • This reply was modified 3 years, 1 month ago by ashiquzzaman.

    Hi @sakiu

    You can apply below CSS code to your Additional CSS following this path
    Dashboard> Appearance> Customize> Theme Settings> Additional CSS

    @media only screen and (max-width: 500px) {
  ast-cart-menu-wrap { font-size: 0.7em; }
  }

    It might solve your issue.

    Regards
    Sharmin

    • This reply was modified 3 years, 1 month ago by sharminritu.
    • This reply was modified 3 years, 1 month ago by sharminritu.

    Hi @sakiu,

    The code above is missing a dot in the front of the ast-cart-menu-wrap class. However, thanks for sharing @sharminritu.

    The code should look like

    @media only screen and (max-width: 500px) {
    .ast-cart-menu-wrap {
        font-size: 1em !important;
    }
}

    Feel free to change the font size as your preference.

    I hope it will help.

    Kind regards,
    Herman ??

    The code helped a lot, thank you guys ??
    Icon size for the mobile version is fine. Now i want to change the icon size for the tablet view, it′s still too big.

    I tried the code with (max-width: 1024px), but that changes the size of the mobile version too. Which code/codes do I need so that the mobil version doesn′t change? Can you help me with this?

    Thanks and regards,
    Anni

    Hi @annis14,

    This CSS tutorial should help you with that.

    Kind regards,
    Herman ??

    Hi @bsfherman ,

    thank you so much! That helped ??

    Regards,
    Anni

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change woocommerce cart icon size in Astra Theme(mobile view)?’ is closed to new replies.