White space under slideshow on mobile view - Please Help

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.

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?

1 Like

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.

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 tag and add the following code above 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.

Thank you Daisy! Saved my day :slightly_smiling_face:
Thanks again!