Header customization request.

Hello,
I am trying to reduce the size of the search bar of my menu by giving space but it doesn’t work.
Also i want to have a bigger and bolder icon for cart, wishlist and other icons on my menu.

Could you please achieve it please?

Ref page: https://refurbished.techyuga.com/

I want to achieve a menu icons like this: https://www.walmart.com/ip/Refurbished-HP-14-EliteBook-8470P-WA5-0891-Laptop-PC-with-Intel-Core-i5-3210M-Processor-8GB-Memory-320GB-Hard-Drive-and-Windows-10-Pro/50348463

Hello,

Try to set the row so that right and left columns would take the max https://xtemos.com/docs/woodmart/header-builder/header-rows-flex-layouts/

If it does not provide the result you want, add this code:

body .searchform {
    position: relative;
    max-width: 400px;
}

Set the width you need.

Here is the code for icons:

body .my-account-with-icon>a:before {
    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    line-height: 1;
}

body .woodmart-wishlist-info-widget .wishlist-icon:before {
    font-size: 20px;
    font-weight: 400;
}

body .woodmart-shopping-cart .woodmart-cart-icon:before {
    font-size: 20px;
    font-weight: 400;
}
.woodmart-compare-info-widget .compare-icon:before {
    font-size: 20px;

}

Set the sizes as per your needs.

Best Regards

[Author]

Posts