Mobile Slideshow button issue-Debut theme

Solved
VickyFu
New Member
3 0 0

Hello! 

I am using a debut theme and have an issue with button size show on mobile. How can I have a smaller botton? Hope you could help me figure this out! 

 

VickyFu_2-1618806793703.png

 

This is my current code. 

VickyFu_1-1618806710451.png

Store URL: www.lomipet.com

 

0 Likes

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

@media only screen and (max-width: 749px){
#shopify-section-16186359467849c941 .slideshow__btn-wrapper a.btn.slideshow__btn {
    padding: 1px 6px;
    min-height: auto;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
VickyFu
New Member
3 0 0

Thank you! I added the code. It works! But there are two buttons now. How can I remove another button?

VickyFu_0-1618808862504.png

VickyFu_1-1618808935402.png

 

 

 

0 Likes

This is an accepted solution.

Add this css

@media only screen and (max-width: 749px){
#shopify-section-16186359467849c941 .slideshow__text-wrap.slideshow__text-wrap--mobile .slideshow__text-content.slideshow__text-content--mobile.text-center.slideshow__text-content--mobile-active {
    display: none;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
VickyFu
New Member
3 0 0

Thank you ! Now it's perfect. @oscprofessional 

0 Likes