woocommerce page width

  • Resolved thriveonnews

    (@thriveonnews)


    8 years ago

    Hello have very little css experience and finding it hard to fix width issue. Any help would be most appreciated. I this css because single product page was forcing itself to the left. The same is happening with account page cart page checkout page and shop home page when I remove the side-bar.
    }
    @media (min-width: 992px) {
    .home .main, .single-product .main {
    width: 100%;
    }
    Is there a way to fix this?

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • hannah

    (@hannahritner)

    8 years ago

    Hey,
    Looks like you’ve added this to your custom css:

    @media (min-width: 992px) {
.main {
    width: 72%;
}
.kad-sidebar {
    width: 28%;
    }
}

    That is affecting all your pages. You need to either remove that or specify which page you want it to effect.

    Hannah

    Thread Starter thriveonnews

    (@thriveonnews)

    8 years ago

    Hey Hannah thank you for your reply. I use that css to widen the sidebar on all post and pages. Is there a way to stop that affecting just my woocommerce pages?

    hannah

    (@hannahritner)

    8 years ago

    Try using this css:

    .woocommerce-page .main {
    width: 100% !important;
}

    Does that work for you?

    Hannah

    Thread Starter thriveonnews

    (@thriveonnews)

    8 years ago

    Thank you, but no that changes every page in woo I just wanted the cart checkout and account pages to align in the centre instead of being pushed to the left. Looks like I need to sacrifice that for a wider sidebar on posts and pages. Thanks for your help anyway.

    hannah

    (@hannahritner)

    8 years ago

    Oh sorry, only the cart and checkout pages? You can add this:

    .cart .main, .my-account .main {
    width: 100% !important;
}

    Hannah

    Thread Starter thriveonnews

    (@thriveonnews)

    8 years ago

    Thank you that fixed it.

    hannah

    (@hannahritner)

    8 years ago

    Glad to hear it!

    Hannah

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

The topic ‘woocommerce page width’ is closed to new replies.

  • 7 replies
  • 2 participants
  • Last reply from: hannah
  • Last activity: 8 years ago
  • Status: resolved