How to reduce the button size on the slideshow slides for the mobile version only?
and also how to reduce the gap btw text and button elements for the mobile version only?
Welcome to the Shopify community!
Thanks for your good question.
I can see their is an limited gap into your Site on Mobile view slider.
it’s looks better you don’t need to change.
@web-har-red Please go to Assetes/style.css and paste below css at bottom of file.
@media (max-width: 768px)
.overlay-text__button-row .overlay-text__button
{
padding: 10px 15px !important;
}
.overlay-text__button-row
{
margin: calc(1rem - 10px) -0.5em 0 !important;
}
Thank you!
How to reduce button font size? (mobile)
How to reduce the heading and text gap? (mobile)
@media only screen and (max-width: 749px) {
a.overlay-text__button.button.altcolour{
font-size:13px!important;
}
}
@web-har-red
Add this code
Thank you!
Can you help with How to make the heading bold on slides? (mobile only)