Hi all,
Hope you are ding well.
I need to change the layout of the slideshow in the mobile version alone.
The desktop version is fine.
currently its like below.
There is no container option in the mobile version. or at least I want the picture to be full and the font in white and the image opacity to be less so the font will be seen
Thanks in advance.
Hello @IndujaAIKY
Can you give me your page URL (with pass if your store password is enabled), so I can check it?
Kind & Best regards,
GemPages Support Team
I see the image you used is half white.
And you are using a code to transparent the image overlay.
You can add the below code to show overlay for image.
Go to Online Store->Theme->Edit code.
Open theme.liquid, then add below code before tag
Kind & Best regards,
GemPages Support Team
Hi @IndujaAIKY
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
@media screen and (max-width: 767px){
#Slide-template–18120973484332__c63e20a4-00d8-4961-9782-0e96aa53b137-1 .banner__media::after {
opacity: 0.4 !important;
}
}
Hope that my solution works for you.
Best regards,
Victor | PageFly