White space under slideshow on mobile view - Please Help

[chrismurphy534]

I have a large space under the slideshows on my shopify home page which I cannot remove. I have tried editing the code with various solutions on shopify help center but none of these solutions are working for me.

 

[DaisyVo]

Hi @chrismurphy534 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

[chrismurphy534]

Hi Daisy, Thanks for your response - this is the url - blondhairandbeauty.co.uk 

You will need to view on mobile to see the space I am referring to. Any thoughts would be greatly appreciated.

[DaisyVo · Accepted solution]

Hi @chrismurphy534 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
@media screen and (max-width: 768px){
.slideshow__text-wrap.slideshow__text-wrap--mobile {
    height: fit-content !important;
}
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[chrismurphy534]

Thank you Daisy! Saved my day 🙂
Thanks again!