Woocommerce product page sidebar Different

[visinno]

I would like the sidebar to be exactly the same as it is on the entire site. Where do I set this?

http://solaflowerfloristry.com/product/breast-cancer/

would like sidebar to be like:

http://solaflowerfloristry.com/

Thanks,
Krina

[christian]

Hey Krina,

What you’re seeing in the single product is not the sidebar but the header which is fixed left you set in **Appearance > Theme Options > Header > Navbar Position. The header is hidden in your home page because your sidebar covers it as you have set it in Theme Options > Layout and Design > Content Layout.

X does not include the sidebar for single product pages by design. For that, you’ll need to hire a WordPress developer to modify the Icon stack.

Thank you for understanding.

[visinno]

I have done many sites using the X theme without any problems on the scrollable sidebar. Why is this happening on this site? I have never had the scrollable sidebar change like this (see screen shots.)

how it should look all the time

how it looks sometimes

Please help,
Krina

[lely]

Hi Krina,

Do you mean why the sidebar content is different in Cornerstone preview and on frontend? Please clarify by giving us more details and also give us admin credentials on a secure note so we can double check your settings.

[visinno]

That was just a way to show the different sidebars. The scrollable sidebar disappears whenever the screen is smaller in width on a desktop with the generic ugly sidebar.

[ruenel]

Hello There,

Thanks for updating us in! Please keep in mind that your what so called generic ugly sidebar is actually your fixed left navbar. You have set this in X > Launch > Options > Header > Navbar > Navbar Position. If you want get rid of it, you can set it to static or fixed top.

Please also take note that the actual sidebar will display in medium and large screen sizes. It will stack below the content area when the screen size less than 1200px. If you want to decrease the width, you can make use this code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(min-width: 980px){
  body.x-sidebar-content-active, body[class*="page-template-template-blank"].x-sidebar-content-active.x-blank-template-sidebar-active {
    padding-left: 350px;
  }

  .x-sidebar {
    position: fixed;
    top: 0;
    width: 350px;
    height: 100%;
    margin: 0;
    border-top: 0;
    z-index: 1031;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-y: scroll;
  }
}

Hope this helps. Please let us know how it goes.