Slideshow headers not showing on mobile

aziggs
Tourist
17 0 3

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

Replies 11 (11)
Sasha2
Shopify Partner
168 24 37

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

 

aziggs
Tourist
17 0 3
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
Shopify Partner
168 24 37

Hi @aziggs 

 

You can find these code:Screenshot_2.jpg

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

ReubenC
Excursionist
14 0 1

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.                                 

Screenshot 2021-03-04 at 21.10.41.png

Sasha2
Shopify Partner
168 24 37

Hi @ReubenC,

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

ReubenC
Excursionist
14 0 1

yes i am using narrative

Sasha2
Shopify Partner
168 24 37

@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
Excursionist
14 0 1

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

Sasha2
Shopify Partner
168 24 37

@ReubenC,

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

narrative-theme-slideshow.png

 

 

Let me know if it suits your requirements.