Archived topic

Merch: SIngle product sidebar not floating right

3 replies · Started by Neil on November 17, 2020

Viewing posts 1–4 of 4

November 17, 2020 at 8:17 am #1534960

I have an issue where the single product sidebar won't float right and wants to sit at the same level as the "Full Description"
I have been through every option I can find but cannot get it to sit at the top level with product description

Screenshot: https://nc1.encodecloud.net/s/LsxM83aKeWSNsMx

Any help is much appreciated.

November 17, 2020 at 8:35 am #1534970

Hi there,

the Merch Site has some custom changes built into it - including the single product sidebar - this blog post on the original import explains more:

https://gpsites.co/merch/woocommerce/

Scroll down to: Single Product Sidebar

TLDR:

1. Go to Appearance > Elements and delete the Hook titled: Woo Single Product Sidebar
2. Go to Customizer > Additional CSS and delete this:

@media (min-width: 768px) {
    .single-product #right-sidebar {
        float: right;
    }

    .single-product div.product .woocommerce-tabs,
    .single-product div.product .related.products,
    .single-product div.product .upsells.products {
        width: 66%;
        display: inline-block;
    }
}

3. Set the Sidebar position in Customizer > Layout > Woocommerce

November 17, 2020 at 10:05 am #1535083

David,
That's awesome and straight on the money!

Thanks for your help.
Neil

November 17, 2020 at 2:39 pm #1535377

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.