Slideshow headers not showing on mobile

Highlighted
Tourist
7 0 1

Hi, 

My website is www.aglowcandleco.com and I'm using the Brooklyn theme. 

I've created a few slides for the main banner, but my issue is that the header text, subheading, and button are not showing on mobile, but they are on desktop. I'd like them to show on both mobile & desktop.

Related to this, I'm wondering if I can set it up so that certain slides do show their text on mobile & desktop and other slides only show the text on desktop? Or does this have to be a site wide setting? 

Thanks for your help! 

desktop text.pngmobile no text.jpg

0 Likes
Highlighted
Shopify Partner
148 23 30

Hi @aziggs 

As I suppose, you use the "Adapt to first image" setting of the Slide height:


Screenshot_1.jpg

 

Also, as I can see, you have modified the CSS styles of the Slideshow section to hide the Header for the Mobile:Screenshot_2.jpg

 

So, to show the Header for Mobile, just remove this custom CSS code.

 

Also, you can switch the Slide height setting to the "Full screen" value, to show a Header right over a Slide image:hero banner.png

 

0 Likes
Highlighted
Tourist
7 0 1
Hi Sasha,

Thanks. I'm not too well versed in coding. Can you tell me specifically
what line of code I need to remove in which file?
0 Likes
Highlighted
Shopify Partner
148 23 30

Hi @aziggs 

 

You can find these code:Screenshot_2.jpg

At the top of the "slideshow.liquid" section of your theme.

0 Likes