Move Buttons on Cover Page down for Mobile on Jasper Template

Hi All,

I have exhausted all previous threads and have yet to find a solution that works for me. I am looking for some simple code to inject into my cover page to move my buttons down slightly.

I had something that worked until recently, although about a week or so ago I noticed my buttons we at the top of the page instead of at the bottom.

The desktop 'device' preview was displaying correctly, however the actual phone display was incorrect.  I have since removed the code which has improved it slightly, but i would really like to move it down into the coloured section of the cover page.

The website uses the jasper template.

The website is https://www.universalproductions.com.au/

Please see attached for more information.

Thanks in advance

Daniel

Try somthing like this in your custom css

@media only screen and (max-width: 640px) {
  .sqs-slice-group.group-copy {
      padding-top: 147px;
  }
}

Then play with the padding-top value to get something that works well across mobile devices.

Thanks for your reply @colin.irwin . Sorry I didn't respond sooner, I had been away.

I'll try it out now.

This worked! Thanks so much. Just had to add <style> </style>

Thanks again

Can anyone help me? 

i managed to move one button but its not consistent on mobile.

can anyone help me with this problem? 

Thank you

On 11/26/2021 at 11:45 PM, Adrianursu1 said:

Can anyone help me? 

i managed to move one button but its not consistent on mobile.

can anyone help me with this problem? 

Thank you

Can you share link to product in screenshot? We can check easier