how to reduce header icon spacing

Hi,

the gap between the phone and wishlist icon is more when compared to the wishlist and search icon, Is it possible to reduce the gap between phone and wishlist ?
https://prnt.sc/1wbtv5m

Hello,

The phone icon is not added to the header. Please add it to check it myself and help you out accordingly.

Best Regards.

icon added, please check again..

and there is a grey hover, can we please remove that and make it white?

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-column>.wd-button-wrapper {
    padding: 0;
}

.whb-header .btn.btn-color-white:hover {
    box-shadow: none;
}

Best Regards

thanks, grey overlay is fixed but there there is more gap.. how to have even icon gap ?

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.whb-column>.wd-button-wrapper {
    padding: 0;
}

.wd-header-wishlist.wd-tools-element a {
    padding-left: 0;
}

Regards.
Xtemos Studios.

should i have to remove the previous code provided by you ?

Hello,

No, you need to keep the previous Custom CSS as well.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Best Regards.

[Author]

Posts