Jump to content

Fix margin consistentcy between desktop and mobile?

Recommended Posts

Site URL: http://www.domrugman.co.uk

Hi,

(pass - 0123)

I have my margins really tight and simple on my desktop site...

2051812514_Screenshot2021-01-05at15_01_15.thumb.png.82465194556f2616c52fddabafb1b800.png

 

 

 

 

 

 

 

 

But as page width scales down towards mobile, the header and site margins offset dramatially...

1699593215_Screenshot2021-01-05at15_01_22.thumb.png.b5edeee770ed2155179d9ebdb3d4d966.png

 

Then once aligned, the margins feel much thicker than they do on desktop...

606364145_Screenshot2021-01-05at15_01_33.thumb.png.1e307f9897d1d89b4cede2446f5aa3cf.png

 

 

 

 

 

 

 

 

 

 

 

 

 

is there a way to keep margins consistent all the way down to mobile through varying breakpoints?

Many thanks!

Link to comment
  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply
On 1/10/2021 at 9:24 PM, domr said:

Sorry - qwerty123

Add to Design > Custom CSS

.header-announcement-bar-wrapper {
    padding-left: 1.5vw !important;
    padding-right: 1.5vw !important;
}
#page .content-wrapper {
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}

 

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.