Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 18, 2016 at 9:23 am #700476
    elen_a

    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.

    October 18, 2016 at 9:42 am #700500
    Basilis

    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

    Regards,
    Basilis

    October 18, 2016 at 9:47 am #700510
    elen_a

    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.

    October 19, 2016 at 8:21 am #701052
    Nikko

    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,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.