Make slideshow button smaller for mobile only

Store Design
1

How do I make the slideshow button on my homepage smaller for mobile only? The button is way too large in mobile view:

Mobile Slideshow Button.PNG
Mobile Slideshow Button.PNG430×371 80.1 KB

2

Hello KyleTShea,

Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 769px) {
.hero__cta .btn {
    padding: 10px 15px; /* change value as you like */
    font-size: 14px; /* change value as you like */
}
}

Copy

If this was helpful, Like and Accept Solution

Cheers :blush:

3

Hmm, that didn’t seem to work Maybe the code needs editing?

4

I think your solution didn’t work because it’s for a hero CTA button, but the button I’m trying to make smaller is the slideshow button for mobile