Empty space on right side causes horizontal scroll

  • Resolved marcuscrutcher

    (@marcuscrutcher)


    10 years, 1 month ago

    WordPress 4.0 & Customizr 3.1.24

    I have an issue with the mobile version of my site where extra space appears on the right side of the page. I can’t find the issue using Firebug or Chrome Inspector. You can see it here: https://www.jonascreative.com/wp/

    I found an old thread where the issue was resolved but the CSS didn’t work for me.

    Any help is appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Fatal error at the moment

    Thread Starter marcuscrutcher

    (@marcuscrutcher)

    Ok, thanks for the info.

    You’ve got this in your style.css. Take out the padding

    body, #main-wrapper, header.tc-header {
  background-color: white;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px;
}
    Thread Starter marcuscrutcher

    (@marcuscrutcher)

    Thanks, rdellconsulting. I’m not sure how I missed that, especially since I added it in the 1st place. Removing that padding helped a lot. I’m still seeing the issue on the pages with a lightbox carousel, but I’m thinking that might be due to the plugin.

    I’ll contact the plugin authors for support there.

    Thread Starter marcuscrutcher

    (@marcuscrutcher)

    Ok, so I finally found the answer to this problem on another thread somewhere. I’m sorry I didn’t save the URL show I could give credit to the right person, but here’s the code that solved this issue for me.

    I added this to my child theme CSS:
    body {overflow-x: hidden;}

    Hopefully this helps others who have the same issue.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Empty space on right side causes horizontal scroll’ is closed to new replies.