Liquid, JavaScript, themes, sales channels
my site is https://atacadaodosobjetos.com/ the site password is brian
the slide size for pc is too big and i would like to decrease the slide size
the slide code is this:
Hey, @Brianmonteiro54
Have you tried adjusting your slideshow layout from your theme editor? You can change it from full-width to default which will lower the height of the slideshow:
If there is anything else I can help you with, please let me know.
Dirk | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Yes, but in the theme editor there is no way to reduce it the way I would like, then it is necessary to be directly in the code
@Brianmonteiro54
This is not the best way to solve this, but in your current case it's the easiest way.
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.min.css and paste this at the bottom of the file:
@media (min-width: 749px){
.home-slideshow-sections{
transform: scale(0.8) !important;
margin-top: -21px !important;
margin-bottom: -20px !important;
}
}
You can control the values as per your wish.
0.8 = the size of the image
-21px = top spacing, can be either positive or negative
-20px = bottom spacing, can be either positive or negative
It will affect only desktop and larger devices, mobile will remain the same.
Additionally, since you're using just one single image and not a slideshow, this custom section may be useful to you.
Please let me know whether it works.
Kind regards,
Diego
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024