Hey,
This image slider is designed to be displayed in the main page of the site. I want to customize the dots section in image slider banner. How would I be able to remove those arrows and pause button?? Be able to navigate the images through those dots and allow zoom out effect for images every 5 seconds or so when the page is opened initially.
Looking forward for response
Hi @Lee_Sha , please share your store URL so I can provide solution to remove pause button and arrows
Thank you for responding
Here is my store URL https://aahbitshop.myshopify.com/
Could you also lemme know about how to set the image size to full screen when opened
Hi @Lee_Sha , I see you solved issue by yourself
Thank you checking and responding
I could correct the pause and arrow but no progress on the later part.
Could really use any help
Do you mean image size to full screen? I see they are in full screen.
Maybe I’m missing understand your mean. Could you explain a little more?
I am sorry for my poor explanation.
When viewed in mobile setting, the image is not visible as a full width image. I mean the image is getting cropped. How do I correct that so that the full screen image is same in both pc and mobile.
And how do I add fade out/zoom out effect every 5 seconds when the image changes?
Currently I am working on making the same header for main page and product page. Could use your help
Please go to store admin > Sale channels > Online store > Themes > Edit code > open base.css and add those CSS code at the bottom of file and save
@media screen and (max-width: 749px) {
.media>img { object-fit: contain !important; }
.media>img,
.banner__media { height: auto !important; }
}
https://aahbitshop.myshopify.com/
Could you verify through the above link?
Cannot the the code I sent you is added.
Could you check now?
I have deleted the code you sent. Now the image is full size but the image is cropped width-wise. Could I set the image in the same way as displayed in pc mode?
