Comment section wider than screen on mobile

[yogajitsu]

Hello, I recently made a series of visual and performance changes on startstanding.org and noticed our comment content is now going off screen on certain mobile screen sizes on most of our pages. I’m having trouble narrowing down potential causes. Can someone take a quick look?

The Best Standing Desks

Thanks!

[mldarshana]

Hi Ryan,

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

@media (max-width:480px){
  .x-comments-area {
    width: 100%;
  }
}

Hope that helps.

[yogajitsu]

@mldarshana awesome that worked!

One more thing, any idea why the page allows horizontal scrolling? I figured preventing the comments from going off screen would solve this but it still looks like scrolling horizontally is present.

Thanks!

[nabeel]

Hey Ryan,

That probably is due to a third party plugin you’ve Floating Sidebar which is overriding the theme’s CSS. Can you please try disabling the plugin and see if this resolves the issue?

Or you can overwrite the plugin’s CSS to fix the problem by adding the following code in the Theme Options > CSS:

body.has-floating-sidebar {
    overflow-x: hidden !important;
}

Let us know how this goes!

[yogajitsu]

Hey guys, sorry for the delay, both of these solutions worked, thanks so much!

[Prasant]

Glad to hear that.