Sidebar Margins on Mobile

[Frank19]

When my website displays on mobile, most of the content is fine with appropriate left and right margins. However, when you scroll down to the sidebar widgets (which are stacked on mobile) the margin seems to disappear and the content is not properly spaced on the sides.

Here are some mobile screenshots.

You can view an example on my site here:
https://golficity.com/steph-currys-event-scratched-from-pga-tour-schedule/

Is there a margin setting for the sidebar that is separate from the rest of the site for mobile?

Thanks

[ruenel]

Hello @Frank19,

Thanks for posting in!

There is no margin setting for the sidebar in smaller screens. To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(max-width: 767px){
  .x-sidebar .widget {
    padding-left: 15px;
    padding-right: 15px;
  }
}

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