Padding for mobile view

Support
#1

Hi, please refer to attached image. This is an image of what my mobile view looks like. My desktop view is perfect but my mobile and tablet views look like this.

The problem? I need to increase the padding on the right side of the screen as it goes flush against the white box edge. I want it the same distance from the edge as it is on the left side of the screen. Please help!

Thanks

#2

Hello There,

I have checked your site and I can confirm the issue. To resolve this, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 979px){
  .x-main.full, .x-main.left, .x-main.right, 
  .x-sidebar.left, .x-sidebar.right {
    padding-left: 25px;
    padding-right: 25px;
  }
}

We would loved to know if this has work for you. Thank you.

#3

Wow, that worked exactly the way I wanted it! Thanks a bunch!

1 Like
#4