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

Fix margin consistentcy between desktop and mobile?


domr

Question

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 post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0
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;
}

 

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