Make Page Full-Width in WooCommerce

  • Resolved Rachel

    (@xxrayray)


    6 years, 9 months ago

    How can I remove the sidebar from the product pages? I’ve tried every CSS/PHP code I can think of and it won’t go away.

    Thanks for your help!

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

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

  • Hi @xxrayray.

    Thank you for contacting us.

    You could give this CSS a try and see how well it works (if at all)

    #page-woocommerce.sidebar.sidebar-column.col-md-4 {
    display: none;
}
#page-woocommerce.main-column.col-md-8 {
	width: 100%;
}

    Please let me know what happens.

    Thread Starter Rachel

    (@xxrayray)

    That didn’t work. ??

    Theme Author lyrathemes

    (@lyrathemes)

    @xxrayray, please try this:

    `.woocommerce-page .main-column.col-md-8 {
    width: 100%;
    }
    .woocommerce-page .sidebar.sidebar-column.col-md-4 {
    display: none;
    }
    `

    Thread Starter Rachel

    (@xxrayray)

    It worked!! THANK YOU!!!!

    Well, i have tried all I could with several themes, but the bloody category page is still leaving a lot of space on the right. what am i doing wrong. please check the codes in attached pic. Please help my head hurts. ??

    https://ibb.co/jhXaS8

    Theme Author lyrathemes

    (@lyrathemes)

    @theman360 Thanks for reaching out. Can you confirm which theme you’re using in the screenshot? It doesn’t look like one of ours ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Make Page Full-Width in WooCommerce’ is closed to new replies.