Removing blank space above the vitals reviews section on product page

https://shopevergifts.com/products/magic-writing-workbook

above is the link to my product page. The product reviews app I’m using is called vitals and I’m using the craft theme.

I just can’t figure out how to remove that space above the reviews app. The vitals reviews app is tied to the footer. The top padding for the footer is at “0”. It also only does this on mobile. It looks clean on desktop.

if anybody knows the answer to this that would be very much appreciated if you would share it with me! Thanks.

Hey @ByronPratt ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

Hi @ByronPratt

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.vtl-pr-main-widget {

padding-top: 0 !important;

margin-top: 0 !important;

}

section#MainProduct-template–16587338350685__main {

padding-bottom: 0 !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

Thank you, this worked for me!