Adjust bottom margin

Solved
MsMelody
Excursionist
38 0 19

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

 

MsMelody_0-1615250508988.png

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

IamMelody
0 Likes
LitExtension
Shopify Partner
517 50 102

 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! 

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
MsMelody
Excursionist
38 0 19

How can I adjust it? Where do I put the codes? @LitExtension 

IamMelody
0 Likes
LitExtension
Shopify Partner
517 50 102

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.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
MsMelody
Excursionist
38 0 19

so I'll just paste the code that you gave to me? @LitExtension 

IamMelody
0 Likes
LitExtension
Shopify Partner
517 50 102

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 

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
MsMelody
Excursionist
38 0 19

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.

<div class="flexslider" style = "margin-bottom: -20px !important;">
  <ul class="slides">
 
    
    
    <li>
    </li>
    
    <li>
    </li>
    
    <li>
    </li>
   
    <li>
    </li>
    
    <li>
    </li>
    
    <li>
    </li>
    
  </ul>
</div>
<script type="text/javascript">
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide",
    controlNav: false,
    directionNav: false   
    
  });
});  
</script>
 
IamMelody
0 Likes
MsMelody
Excursionist
38 0 19

@LitExtension 

IamMelody
0 Likes
LitExtension
Shopify Partner
517 50 102

This is an accepted solution.

To change speed of slideshow, you can use "slideshowSpeed" option

slideshowSpeed value: Integer (Set the speed of the slideshow cycling, in milliseconds)

<script type="text/javascript">

  $(window).load(function() {

    $('.flexslider').flexslider({

      animation: "slide",

      controlNav: false,

      directionNav: false,

      slideshowSpeed: 1000

    });

  });

</script>

Hope this helps! @MsMelody 

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
MsMelody
Excursionist
38 0 19

Thank you so much @LitExtension 

IamMelody
0 Likes