Clickable Slideshow Debut theme and positioning of text & button on mobile view

iamsugar
Tourist
8 0 1

Hi, is there anyway to make my slideshow pictures clickable without any buttons?

Also, the button on slideshow is underneath the slideshow picture on mobile view. I want the buttons be placed bottom center of slideshow just like what i view from screen?

Also the text overlay on mobile view, it is underneath the slideshow picture too, making it look so weird. I want to align as what i view from screen (middle center).

Thanks a lot!

Website: lyra-active.com

PW: abc

 

 

KetanKumar
Shopify Partner
20662 2144 7829

@iamsugar 

please share code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
iamsugar
Tourist
8 0 1

Hello may I know which part of code I should share?

0 Likes
Natztech
Shopify Partner
1436 404 960

hello @iamsugar 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 789px){
.slideshow__text-content.slideshow__text-content--mobile.text-center.slideshow__text-content--mobile-active{
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: -250%;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
KetanKumar
Shopify Partner
20662 2144 7829

@iamsugar 

slideshow section code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes