Site not displaying full width

  • I added WooCommerce to this website which is using Generate Press 3.5.1. The site now seems to think it is in tablet width when the Container width in Layout is set to 1250. Mobile width is fine. The pages are done in Elementor. They are set to Default Template. How do I fix this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • ying

    (@yingscarlett)

    You have this CSS which limits the <body> width to 700px. Please check where did you add the CSS, and remove the max-width attribute.

    body {
        background: #fff;
        border: 1px solid #ccd0d4;
        color: #444;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        margin: 2em auto;
        padding: 1em 2em;
        max-width: 700px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    }
    Thread Starter jonesy13

    (@jonesy13)

    Thanks Ying. I could not find a place where the CSS could be revised. However, I just removed the plugin WP-SpamShield which has been on the site forever and the width problem went away. Is that a known conflict?

    ying

    (@yingscarlett)

    It’s not something from the theme, likely it’s added by the plugin you removed.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.