Hi There
Could I please get some assistance. I would like to change slideshow size on desktop & Mobile (refer to image below)
to someone like this
and for mobile if possible to change from
To something like this
1 Like
Password: [email removed]
Hi @GizmoGuy ,
I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!
Step 1: Go to Admin → Online store → Theme > Edit code:
Step 2: Search for the file base.css. And add this code snippet to the end of the file.
@media only screen and (min-width: 1024px) {
.shopify-section.section {
scale: .9 !important;
}
}
@media screen and (max-width: 749px) {
.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
min-height: 0 !important;
}
}
Step 3: Save and reload page:
=> The result will be:
#Desktop
#Mobile:
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!
1 Like
Hi @GizmoGuy ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result :
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
Thanks a mil. This worked perfectly.
Sorry to bother again. Is there a way to scale the image within the banner without losing the current size of the slideshow. I would also like to add new images but cannot seem to get them to show the entire image