Debut hide slideshow controls mobile

Solved
darrenj1
Tourist
13 0 1

Hello, ive made some changes to add the nicer slideshow controls on mobile and they are working fine. 

However I dont seem to be able to hide the default controls, can you advise?

 

@media only screen and (max-width: 749px){
   .slideshow__text-wrap--mobile{display:none;}
   .slideshow__text-wrap--desktop .slideshow__subtitle{display:block; text-align: center;}
}

 

darrenj1_0-1618905985710.png

 

0 Likes

Hello,
Please share your site url.
So that I can check and let you know the exact solution here.

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
darrenj1
Tourist
13 0 1

Hello, the url is https://cosygifts.co.uk/ 

 

please note the issue only occurs on mobile or small width

0 Likes

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

@media only screen and (max-width: 749px){
#shopify-section-1598806651819 .slideshow__controls {
    display: none !important;
}
}
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
darrenj1
Tourist
13 0 1

Hi, this has hidden the wrong item, how can I find the element name to hide?

darrenj1_0-1618915018086.png

 

0 Likes

This is an accepted solution.

Replace above code with

@media only screen and (max-width: 749px){
#shopify-section-1598806651819 .slideshow__text-wrap.slideshow__text-wrap--mobile {
    display: none !important;
}
}
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