I am trying to make the slideshow button smaller on the homepage - Mobile only

Solved
BlazenBubbles
Tourist
7 0 6

For some reason, this issue is only affecting mobile. Also, you can't see it unless you look at it in live view on mobile. In customize theme you can't see it.

 

IMG_2144.PNG

 

 

0 Likes
HardikDavra
Shopify Partner
2317 363 994

Hello, @BlazenBubbles 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 600px) {
.slideshow__button .btn {
padding: 5px 19px !important;
}
}

 

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
Pallavi
Shopify Expert
2170 353 463

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px) {
.slideshow__button .btn {
padding: 5px 19px !important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
BlazenBubbles
Tourist
7 0 6

@HardikDavra @Pallavi 

In my assets, all I have is index.js and index.css.

Screenshot (265).png

HardikDavra
Shopify Partner
2317 363 994

@BlazenBubbles  index.css will work.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
Pallavi
Shopify Expert
2170 353 463

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >index.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px) {
.slideshow__button .btn {
padding: 5px 19px !important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes