Hi, I would like to change the size of the buttons of my slideshows to be smaller only on mobile.
Can anyone help? my URL is: anna-michielan.myshopify.com. I am using IMPULSE theme.
Thank you.
1 Like
yes please try this
- Go to Online Store->Theme->Edit code
- Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
@media only screen and (max-width: 768px) {
.hero__link .btn {
letter-spacing: 0;
padding: 5px 10px;
}
}
1 Like
Merchants wanting this customization tailored for them can contact me for pricing by sending details to the email in my forum signature.
To your theme.css add code similar to the following to the end of the file
Always backup your theme before making any changes
@media only screen and (max-width: 425px) {
.hero__link .btn {
padding: 5px 9px;
font-size: max(calc(var(--typeBaseSize) - 9px), 9px);
}
}
Replace 425 with 768 to target up to tablet devices
Note these are rough estimates not designed or tested and may not match the current design.
Hi sorry but it still not working 
it still have the same size as before
sorry but i can’t see any code your css file
Hi, it’s there. Was there something I missed?
1 Like
can you please update this code
@media only screen and (max-width: 768px) {
.hero__link .btn {
letter-spacing: 0 !important;
padding: 5px 10px !important;
}
}
For reference , this is what a collaborator access does: About collaborator permissions · Shopify Help Center
The Shopify Collaborator Account: What You Need to Know
Partners: Requests for staff access when providing assistance is not appropriate. Guidance should be provided within the topic if possible, and if access is required the collaboration feature detailed in this blog post should be used over requesting staff access: The Shopify Collaborator Account: What You Need to Know
1 Like