Jump to content

How to increase website margins on mobile

Recommended Posts

Hi! I've made some modifications to my website on desktop and now on mobile, I don't like the margins (left and right). They are too small. See the screen shot. How can I increase them with CSS code? Only on mobile please. I'm on 7.0. My website: sophie-a.com. Thank you!

Capture d’écran, le 2023-03-18 à 10.20.59.png

Link to comment
  • Replies 6
  • Views 677
  • Created
  • Last Reply

Top Posters In This Topic

Try this new code

@media screen and (max-width:640px) {
  .Index-page-content {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
.Main-content {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
}

 

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.