Hi all,
I am having issues with the banner size on mobile. Does anyone know how to adjust the banner on mobile view?
DESKTOP:
Mobile:
Web: venivoirsg.com
Pass: Holtam
Thank you.
1 Like
sorry i can’t see your attachments
Hey I am having the exact same problem ! Did you ever find a way to fix it ?
1 Like
yes please share store url
Please let me know when you do
1 Like
@Ciara1616 - the recommended and used option today is that please add both desk and mobile slideshow to your page and hide/show the slideshow as per device size, this will help to solve this issue.
Better to design mobile specific banner images for mobile slideshow, desktop images will either get cut, squeezed or stretched.
How do I do that ?
@Ciara1616 - create images for mobile banner slides, then create new slideshow on your homepage, add these images to it.
so now you have 2 slides, current one and the new with mobile images.
then using css hide/show slider as per device size.
Hi @Ciara1616 ,
You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.
Hello!
Thanks for responding.
It looks fine for this image, but if i change to another image, it wouldnt be shown properly.
Could you provide me the instructions pls.
1 Like
Hi @Venivoirsg ,
You need to create a Slideshow that displays only for mobile. Means add an option, it will help you to display either on desktop or on mobile.
Go to file sections > slideshow.liquid and add code: https://i.imgur.com/Ka2om3o.png
Code: {{ section.settings.display }}
And add code here: https://i.imgur.com/sti2sPe.png
Code:
{
"type": "select",
"id": "display",
"label": "Display on",
"options": [
{
"value": "",
"label": "Desktop & Mobile"
},
{
"value": "medium-down--hide",
"label": "Desktop only"
},
{
"value": "large--hide",
"label": "Mobile only"
}
],
"default": ""
},
Then you can show it with customized option: https://i.imgur.com/y3mcFmM.png
Hope it clear to you.
yes please share us issue images
Hello
Have you been able to resolve the issue with your banner size on phone ?
If not I can help you fix it.
Hello
Have you been able to resolve the issue with your banner size on phone ?
If not I can help you fix it.
The better way is to create a separate banner for desktop and mobile.
Hi @Alaponle ,
You can follow my tutorial, it will help you to create 2 sections, 1 display on desktop and 1 display on mobile.
Hope it helps!
I wish you had a video tutorial