Header icn size

I was unable to change the icn size (wishlist,myaccount,cart) in mobile view using this code:

body .my-account-with-icon .wd-tools-icon:before {
font-size: 85px;
font-weight: 400;
}
body .search-button .search-button-icon:before {
font-size: 85px;
}
body .woodmart-wishlist-info-widget .wishlist-icon:before {
font-size: 80px;
}
body .woodmart-shopping-cart .woodmart-cart-icon:before {
font-size: 80px;
}

Attachments:

You must be logged in to view attached files.

solved the above issue. now i am having trouble in removing this padding.

@media only screen and (max-width: 310px) {
.woodmart-search-form, .whb-column > .info-box-wrapper, .whb-column > .woodmart-button-
wrapper, .whb-column > .woodmart-social-icons, .whb-html-block-element, .whb-text-element {

padding-right: 0px !important;
padding-left: 0px !important;
}
}

by default there is a 10px padding in both side of search box.

Attachments:

You must be logged in to view attached files.

Hello,

We are Glad that you solved one of your issues yourself. You are Great!!

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

.whb-column .woodmart-search-form {
padding: 0;
}

Regard’s.
Xtemos Studios.

thank for the solution also i want to change the border color of that search box to #ffffff

Hello,

You are Most Welcome.

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

.searchform input[type=text] {
border: 2px solid #ffffff;
}

Regard’s.
Xtemos Studios.

[Author]

Posts