Refresh Theme - Trying to reduce space between header and button on mobile banner image.

Hello as title says, I am trying to reduce the space between the Heading “Pick your PAXX” and the “Shop Now” button specifically for mobile view.

Site is Sunpaxx.com and password is rteigh

Hi @jp9090 .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

.banner__buttons{
margin-top: 0px !important;
}

Hope this answer helps.

Best regards,

Richard | PageFly

Hi @jp9090 ,

you could follow these steps below to solve this issue ( only on the mobile view ) and let us know how it goes:

  1. Go to Online Store on your Shopify Admin

  2. Click Action > Edit code on the current live theme

  1. Search and open the theme.liquid file

  2. Paste this code here before tag in the theme.liquid file


Please try it and let us know how it goes

Thank you. This is the one that worked for mobile only.

Thanks so much for getting back to us.

Happy Selling @jp9090 , in case you need any further assistance, please let us know. We will be happy to help