[Resolved] Merch: SIngle product sidebar not floating right

[Neil]

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.

[David]

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

[Neil]

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

Thanks for your help.
Neil

[David]

Glad to be of help

[Author]

Posts