Basel: how to insert an icon next to Cart icon in the Header menu

Elise, hi,
I want to add an icon of UK flag next to the “Cart” icon in the Header menu (https://ibb.co/F35hPW9), both on PC and mobile. This will help visitors see instantly that we are servicing the UK market.
(I do have a PNG icon which I want to use).

Can you please send me a custom code to do it? Thank you!

Hello,

Usually, a flag icon indicates to the language switcher that may confuse your customers.

Please add this code to the Theme Settings > Custom CSS > Global:

body .right-column > div.shopping-cart  {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    padding-left: 30px;
background-image: url(https://www.independent.wine/wp-content/uploads/2020/04/six-bottles-in-a-crate-40x40-1.png?id=12989)!important;
    background-position: 0 0!important;
    background-repeat: no-repeat!important;
}

Upload your flag to the Media library and replace the URL.

Best Regards

Elise, thanks!
it works fine.
thanks!
Oleg

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts