Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Image from iOS.png

Universalproductions.com.au - desktop view.png

Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0

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.

Please hit LIKE to share your appreciation of posts that are helpful or useful. 

The like button is somewhere over thereover-there.jpg

Of course, Likes don't pay the bills.. If you're looking for a Squarespace Developer you can hire me here

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...