adjust width product pages woo commerce

  • Resolved thriveonnews

    (@thriveonnews)


    7 years, 1 month ago

    Hello , I placed this css to adjust side bar on content pages.
    @media (min-width: 992px) {
    .main {
    width: 72%;
    }
    .kad-sidebar {
    width: 28%;
    }
    }
    @media (min-width: 992px) {
    .home .main {
    width: 100% !important;
    }
    }
    and it works fine. Except now my product pages on woo have an invisible sidebar pushing content together. My shop homepage is supposed to have a sidebar but not product pages, Is there a fix for this? Most appreciated.

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

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

    (@hannahritner)

    Hey,
    Sorry for the delay!
    So you are displaying a sidebar on all but your homepage and product pages, correct? Try changing this css:

    @media (min-width: 992px) {
.home .main {
width: 100% !important;
}
}

    to this:
    @media (min-width: 992px) {
    .home .main, .single-product .main {
    width: 100%;
    }
    }
    Does that work for you?

    Hannah

    Thread Starter thriveonnews

    (@thriveonnews)

    Ahh, thank you so much, Hannah, perfect.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘adjust width product pages woo commerce’ is closed to new replies.