How to remove empty white space at bottom of Mobile View

Hi There! We are getting ready to push out our site and are encountering a few visual hiccups we would like to correct. One major one is this empty white space we have at the bottom of our Mobile View. This is not present on the Desktop view and we would like to remove this empty white spot entirely. Thank you for your time.

Link: www.cocoandcobakery.com

Theme: New

@RLopez - you have collapsible content at the footer hence that space is added, so when anyone clicks on links or sign up, content is shown below…if you want then you can try to show content all the time

Hi @RLopez , This is Richard from PageFly - Landing page builder.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


I hope it would help you Best regards,

Richard | PageFly

Hello @RLopez

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.site-footer {
    padding-bottom: 112px !important;
}

I see! Thank you, after adjusting some things I found that that was the cause.

Thank you very much for the fix, this allowed me to keep the drop-down tabs yet remove that white border at the same time.

Thank you for your help.