Slideshow headers not showing on mobile

[aziggs]

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! 

[Sasha2]

Hi @aziggs 

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

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

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:

[aziggs]

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?

[Sasha2]

Hi @aziggs 

You can find these code:

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

[ReubenC]

Hi @Sasha2,

i'm having the same problem but don't have the code you're suggesting to delete could you help me please.

you can see here i've highlighted where the header is hiding.                                 

[Sasha2]

Hi @ReubenC,

Can you please clarify what exactly Shopify theme you are using in the store?

[ReubenC]

yes i am using narrative

[Sasha2]

@ReubenC,  It seems you have chosen the Wight color for all site Headings from the theme settings:
https://prnt.sc/10emc8n
https://prnt.sc/10emcya
Kindly check it from your side.

[ReubenC]

yes i'm aware of that, the problem is that the header isn't in the middle of the slide

[Sasha2]

@ReubenC,

You can use "Full screen" value for "Slide height" setting of the Slideshow:

Let me know if it suits your requirements.