Jump to content

Move Buttons on Cover Page down for Mobile on Jasper Template

Recommended Posts

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

Image from iOS.png

Universalproductions.com.au - desktop view.png

Link to comment

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.

If you're looking for a Squarespace Developer, drop me a line
Also, you might want to check out my Squarespace template finder

Link to comment
  • 3 weeks later...
  • 2 years later...
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

Screenshot (4).png

Screenshot (5).png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.