Sidebar Visibility Issue on Cart, Checkout, and My Account Pages After Widget Removal

This topic has 8 replies, 3 voices, and was last updated 4 days, 13 hours ago ago by Andrew Mitchell

  • Avatar: MKT
    MKT
    Participant
    January 12, 2026 at 16:06

    I am experiencing an issue where the sidebar continues to appear on the Cart, Checkout, and My Account pages, even after removing all widgets from the sidebar widget area under Appearance → Widgets.

    Steps Taken:

    Removed all widgets from the sidebar widget area

    Verified that no widgets are assigned to the sidebar

    Checked the affected pages individually (Cart, Checkout, My Account)

    Current Behavior:

    The sidebar is still visible on the Cart, Checkout, and My Account pages

    When I switch these pages to use a full-width template, the sidebar is removed, but the page titles at the top also disappear

    Assistance Needed:
    I need guidance on how to properly remove the sidebar from these specific pages while keeping the page titles intact.

    7 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 12, 2026 at 18:45

    Hello @MKT,

    You can try setting the “Sidebar position” to “Without” in the page options in the backend (https://prnt.sc/ZV2tMk8fkYPB) and then check if the issue is resolved. If the problem persists, please provide temporary wp-admin access in the private area so that we can investigate the issue from our side.

    Best regards,
    Jack Richardson
    8Theme Team

    Avatar: MKT
    MKT
    Participant
    January 14, 2026 at 10:21

    Thank you — that worked.

    I have another question:

    I’m using the multi-step layout for the cart/checkout page. I can’t seem to find an option to change the header navigation text color and the cart/checkout background color.

    Addditionally, I don’t need the SKU to be displayed on the cart page. How can I remove it?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 14, 2026 at 13:23

    Hello @MKT,

    To modify the background color of the header, please navigate to “Theme Options → WooCommerce → Cart/Checkout Advanced Layout” section (https://gyazo.com/3867bc4cef14bcb5462e11e7500c5906).

    To change the text color of the navigation in your header on the Cart and Checkout pages, please use the following custom CSS:

    .cart-checkout-nav-simple a {
        color: #fff;
    }
    .cart-checkout-nav-simple a.active,
    .cart-checkout-nav-simple a:hover {
        color: green;
    }

    For more details, please refer to our documentation:
    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    If you would like to hide the SKU for each product in the cart page table, you can do so in the “Cart Page Widget” from Elementor editor of Cart page (https://prnt.sc/DK4GCpBhogBq).

    We kindly suggest separating your questions into different topics to help us provide more efficient and accurate support for each request.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: MKT
    MKT
    Participant
    January 14, 2026 at 15:21

    Thank you for your response.

    as regards the ‘Theme Options → WooCommerce → Cart/Checkout Advanced Layout’ the container background i want changed, not the header, i wasn’t referring to the header background color but the main content area background color.
    that’s what i want changed to match my brand

    https://prnt.sc/_Gkw8A_UaHf_

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 14, 2026 at 19:30

    Hello @MKT,

    Please try using the following custom CSS to change the background of the content on your cart and checkout pages:

    body.cart-checkout-multistep {  
        --et_container-bg-color: #f3f4ff;  
    }

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: MKT
    MKT
    Participant
    January 23, 2026 at 15:29

    1. how do i activate this bottom product nav on my website product page?
    https://prnt.sc/xLZWgOM1IZr3

    2. Product grid images appear blurry
    In my product grid widget, the images look like low-resolution thumbnails.

    When I switch to a custom image size, the images become sharp but no longer respect the size set in Elementor.

    Could you provide instructions to fix both issues?

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    January 23, 2026 at 16:42

    Hi,

    Thank you for reaching out to us.

    1. To activate the bottom product navigation on your product page, please go to Single Product Builder > edit template > add the Sticky cart https://prnt.sc/2lxkvCoA21-X

    2. Regarding the blurry product grid images, please check the image size settings under Theme Options > WooCommerce > Product Images and make sure the selected image size matches the one used in your Elementor widget. After adjusting the sizes, regenerate your thumbnails using a plugin such as Regenerate Thumbnails to ensure all images display correctly.
    Read more – https://www.8theme.com/documentation/xstore/woocommerce/product-images/ and https://woocommerce.com/document/fixing-blurry-product-images/

    If the issue persists, please provide temporary admin access in a private message so we can check your settings directly.

    Best Regards,
    8Theme’s Team

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.