Site margin not being applied to tablet view site-wide?

Site URL: https://www.neu21.com/

Hi there,

We've noticed that the global margin styling setting under Styles > Misc doesn't seem to be getting applied to tablet view for our website neu21.com

Instead, the content seems to push right up against the edge of the viewport.

We'd like generous L+R page margin across the entire site for breathing room around page content.

Thanks!

Charlie

Hi @CharlieHNZNeu21, It seems like this section is pushing all the content to the left. You might want to adjust the size and spacing settings—play around with them until you find a proper setup. Unfortunately, there's no option to edit in tablet mode.

add this code into custom css:

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sqs-section, .content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

1 hour ago, Spark-Plugin said:

You might want to adjust the size and spacing settings—play around with them until you find a proper setup.

You have the column gap set to 40px, this is a known issue that causes this oversetting on tablet, it needs to be less than 30px:

Other than that it looks like you have the margin set to 1vw, which is 1% of the viewport width, which on tablet is about 8px, try changing that value to a bigger VW or a PX value if you want a fixed value.