Shopify themes, liquid, logos, and UX
Hi Gurus
Store Url https://fabian-meduri.myshopify.com/
Password : pecrut
I am using an impulse theme and I want to change the size of the header Icon and menu
I want to reduce the size please check the screenshot below in the black circle
I want to achieve this type of header in size-wise ( size of Icons and Menu ) JUST ON MOBILE
@Pansota,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>
.header-item--navigation,
.header-item--icons{
transform: scale(0.8);
}
</style>
<script>
</script>
You can change the value 0.8 to anything you wish. 0.5 would make it smaller for example.
If it helps you please click on the "like" button and mark this answer as a solution!
Thank you.
Kind regards,
Diego
Hi @Pansota
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css
.site-nav__link--icon .icon {
width: 20px;
height: 20px;
}
Hello @diego_ezfy
I tried on mine bit doesn't work. Can you help me?
Website: https://diversusoficialsite.myshopify.com/
pass: diversusoficial
I want it to look like this on mobile:
Hello Diego! I used your code to downsize my icon and it worked great however when I uploaded my svg originally to have a unique cart, it made the Shopify account icon disappear. Do you have any idea why this happened? I thought after making the account icon smaller it would reappear but it has not.
my site: https://dosfemmes.com/
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024