Slideshow Button size on mobile version IMPULSE

[annamichielan]

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.

[KetanKumar]

@annamichielan 

yes please try this 

1. Go to Online Store->Theme->Edit code
2. 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;
}
}

[PaulNewton]

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.

[annamichielan]

Hi sorry but it still not working 😞

it still have the same size as before 😞

[KetanKumar]

@annamichielan 

sorry but i can't see any code your css file

[annamichielan]

Hi, it's there. Was there something I missed?

[KetanKumar]

@annamichielan 

can you please update this code

@media only screen and (max-width: 768px) {
.hero__link .btn {
letter-spacing: 0 !important;
    padding: 5px 10px !important;
}
}

[annamichielan]

Still not working 😞

[KetanKumar]

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