Slideshow headers not showing on mobile

aziggs
Tourist
15 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

0 Likes
Sasha2
Shopify Partner
167 23 36

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
aziggs
Tourist
15 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?
0 Likes
Sasha2
Shopify Partner
167 23 36

Hi @aziggs 

 

You can find these code:Screenshot_2.jpg

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

0 Likes
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

0 Likes
Sasha2
Shopify Partner
167 23 36

Hi @ReubenC,

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

0 Likes
ReubenC
Excursionist
14 0 1

yes i am using narrative

0 Likes
Sasha2
Shopify Partner
167 23 36

@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.

0 Likes
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

0 Likes
Sasha2
Shopify Partner
167 23 36

@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.

0 Likes