All things Shopify and commerce
Hi, I am looking to keep the text on my pages large but not anything in the header. I used code to shrink the words in my header but the icons like the search button, currency converter etc are still unchanged. i would also like this solution to work on mobile including the burger drawer. thanks so much
website is www.stagtis.com
Solved! Go to the solution
This is an accepted solution.
Please add the below CSS for the cart icon.
body .header__icon--cart .icon{
height:2.7rem;
width:2.7rem;
}
@Stagtis Please add the below line of CSS code at the end of your base.css file.
body .header-localization .disclosure .localization-form__select{
font-size:1.1rem;
}
body .header__icon .icon{
height:1.5rem;
width:1.5rem;
}
Hi, thanks so much for replying fast, this works well, But the cart icon remains really small even when I mess with the REM to taste. Also, i should've mentioned this, but part of the reason I wanted to this was so that on mobile the logo would be centred again but making the icons smaller doesn't
help like I thought it would. Thank you
This is an accepted solution.
Please add the below CSS for the cart icon.
body .header__icon--cart .icon{
height:2.7rem;
width:2.7rem;
}
thanks
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024