WooCommerce – Sidebar below content on single product pages

Did I submit this correctly? Other support requests seem to have been submitted and answered since I submitted my request.

Hi @bigwheelwebdesign

It seems that you have modified the code file and while doing so have misplaced the tags. You seem to have placed div #secondary under the div #primary tag but they should be placed as sibling tags, not a child tag which is causing the issue on the page. Once you fix that, your page should be normal.

Let me know if this helps and if you need help with any other queries! ??

Regards,
ThemeGrill

@nidwija

I don’t understand what you mean. I haven’t modified any code file.

Does it usually take this long to get a reply?

As I said, I haven’t modified any code files. I’m using a child theme so I can add/override CSS, but I haven’t edited any php template files to be able to misplace a tag only on Woocommerce product pages.

Hi @bigwheelwebdesign,

Sorry for the late reply. Upon inspecting the site the issues do seem to be solved. So could you please let us know if the issue still persists?

I managed to resolve this issue with CSS in my child theme. If anyone has the same issue, try adding this to your child theme’s style.css file:

/* Resolve WooCommerce sidebar below content issue */
.single-product #primary {
float: none;
width: 100%;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
display: inline-block;
width: 70%;
}

Hi @bigwheelwebdesign,

Glad your issue was solved. For any further issues regarding our theme please do let us know. ??

Kind Regards,
ThemeGrill Support.