How can I adjust the bottom margin when no products are available?

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

https://faxcable.com.ph/search?type=product&q=EP-25

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!

1 Like

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:

  1. From your Shopify admin, go to Online Store > Themes > Select your theme.

  2. 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.

1 Like

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.

@LitExtension

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

1 Like

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!

1 Like