Goo day! Can you help me on how can I adjust the bottom margin when searching on products? especially when there is no products available
Hi @MsMelody ,
This is my recomendation for your issue. You can choose one of the two ways below:
.main-content {
min-height: calc(100vh - 288px);
}
(288px is height of header + footer on your site)
- Or you can set a global standard:
.main-content {
min-height: 70vh;
}
Hope it’s helpful!
How can I adjust it? Where do I put the codes? @LitExtension
Hi @MsMelody ,
You can edit the code for your theme.
Please follow these steps:
- 
From your Shopify admin, go to Online Store > Themes > Select your theme. 
- 
Click Actions > Edit code. 
You can find and style on the file name “theme.scss.liquid”.
This is the screenshot: https://prnt.sc/10i2bzd
Hope this helps.
so I’ll just paste the code that you gave to me? @LitExtension
Yes, you can try one option I mentioned above (among two options) and see how it works.
Please let me know if you need further support. @MsMelody
the 2nd method works perfectly fine! Thank you so much! One last question do you know how can I add or change the speed of my custom slideshow? here is the code that I used.
To change speed of slideshow, you can use “slideshowSpeed” option
slideshowSpeed value: Integer (Set the speed of the slideshow cycling, in milliseconds)
Hope this helps! @MsMelody
Thank you so much @LitExtension
Hi @MsMelody ,
It’s our pleasure when helping you with your issue and getting accepted as a solution.
If you need further support, just let me know and we will support you dedicatedly.
Have a great day!


 "
"


