Help with "Simple" theme slideshow. Text does not appear on mobile ver.

Trish6
New Member
4 0 0

Hi, 

 

I've used the free Simple theme slideshow to build my first Shopify store.

When I check on desktop, the text overlay on my slideshow appears, but on mobile only the image shows up and the text overlay isn't there.

 

Any simple suggestions for how to fix this as I'm not very tech-savvy.

Thanks in advance! :)

0 Likes
Kumar2573
Pathfinder
92 5 9

Please add media query css for mobile device.

0 Likes

Hello @Trish6,

Please share your site url so that I will give you exact solution

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Trish6
New Member
4 0 0

Sorry I don't know what you mean

0 Likes
Trish6
New Member
4 0 0

Hi,

 

My site is:
www.petprojectorganics.com

 

Thank you!

0 Likes

Hello @Trish6 ,
Add this CSS at the bottom of theme ->edit code->asset -> theme.scss.liquid

@media screen and (max-width: 767px) { .index-section.slideshow-container {
	position: relative;
}
.slideshow__mobile-text-container {
	position: absolute;
	top: 32%;
	z-index: 999;
	left: 0;
	right: 0;
	background: #000;
	opacity: .6;
}
.slideshow__mobile-text-container h2 {
	color: #ffffff;
	width: 100% !important;
}}

 

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Trish6
New Member
4 0 0

Thank you so much!!

Can you let me know how to adjust the code so I can move/adjust the banner to go slightly top or bottom?

 

Thanks in advance!

0 Likes
Lapash
New Member
2 0 0

Hi, I need assistance with placing my text on the image slide at top of my homepage as it appears in desktop view. Thanks!

0 Likes