Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #700476

    Hi , I was looking for a solution to add a sidebar in single page product too. Until now i made changes on two file , one from woocommerce template and one from enfold and i have this now, as you can see on the link below.
    It looks good on desktop, but still can’t set it for mobile or tablet. can you help me with this?
    Thank you in advance.


    Hi elen_a!

    The products sidebar, gets hidden to mobile.
    Where do you want it to be placed, so we can be able to help you with the issue.

    Thanks a lot



    Hi, Thanks for your fast response. I want to put the sidebar below the product description on mobile/tablet, and to align better the product image and description. On mobile it has a gap on the left.
    Thank you again.


    Hi Elen,

    Kindly add this code in Quick CSS (located in General Styling):

    @media only screen and (max-width:767px) {
    	div .product {
    	    width: 100% !important;
    	    float: none !important;
    	.responsive #top.single-product #main .sidebar {
    	    display: block !important;
    	    width: 100%;

    This will fix the gap on the left and will display the sidebar (though it will appear on top instead).

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.