Hiding slideshow text for mobile view only - Minimal theme

Solved
itsud1021
Tourist
8 0 1

Hey Shop-Comm,

I am using the minimal theme for my store. I understand why using a text free photo is suggested. The slideshow text shows up exactly how I would like in desktop view.Slideshow text desktop ok.PNG In mobile view the text appears below the photo in the slideshow, still very large and cumbersome.Slideshow text mobile remove or add to slide like desktop.PNG If I am not able to have the text placed smaller on the photo in mobile view then I would like to remove it from mobile view ONLY. Can I 'comment out' for this result? I took a peek in the theme.scss.liquid assets and can't quite find the option. If this can be done would someone kindly guide me?

https://livewellintheworld.com/ - if needed

Thanks,

Dusti

0 Likes
Guleria
Shopify Partner
1255 263 346

Hello Dusti,

Place below code in your css

@media (max-width: 768px){ 
.index-section.slideshow-section {
    display: none;
}
}
Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
0 Likes
itsud1021
Tourist
8 0 1

That resulted in removing the whole slideshow. I am only looking to remove the text. Is there a way to replace "none" with something that would just show the slide without the text. Going to try "slide"...

0 Likes
Guleria
Shopify Partner
1255 263 346

This is an accepted solution.

Use this 

@media (max-width: 768px){ 
.slideshow__mobile-text-container {
    display: none !important;
}
}
Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
itsud1021
Tourist
8 0 1

Replacing "none" with "slide" just left the whole slide show including text.

 

Open for any other suggestions or suggestions to edit that code to not include slide text.

 

Thank you to anyone who is taking the time to offer suggestions, even when they don't work, certainly helps the learning curve!

0 Likes
itsud1021
Tourist
8 0 1

Bingo!

Thank You @Guleria!

elisianadiaz
New Member
1 0 0

Hi, I am using the Icon theme. I am trying to remove the text that overlays my image in mobile specifically, but not the button. When I tried the code in this in my liquid files, it didn't do anything. Is there anything else I can try? 


@Guleria wrote:

Use this 

@media (max-width: 768px){ 
.slideshow__mobile-text-container {
    display: none !important;
}
}


@Guleria wrote:

Use this 

@media (max-width: 768px){ 
.slideshow__mobile-text-container {
    display: none !important;
}
}

 

0 Likes
jckacova
Excursionist
29 0 4

@Guleria 

Awesome job! Thanks

 

0 Likes
KristinaE
Excursionist
33 0 19

Hey I would also like to hide the slideshow text for mobile only, I'm using the Brooklyn Theme! Can somebody help me out?

0 Likes