But I can't get the product-info DIV to be internally responsive between the left and right.
Could someone give me a hint?
So inside product-info is a left and right DIV. Left has product-image and -additional-image, while the right side contains the price, option carts.
I want t he right side fixed width at 320px and the left side to fill in the rest of the space. I set product image to max-width:100%; height:auto; so the image should fill in the left DIV. I also removed the float-left from the nested DIVs in the left side.
But I can't seem to find a way to do get the left DIV to fill in the empty screen space. I could only get the left side to be fixed (then downsize with @media when browser is scaled down), or use a width percentage, with either both left and right DIVs floating, or right side floating and left side inline-block. But either method does not completely fill in the empty space.
Any ideas or examples someone could show me?
making the default template responsive
Everything, below the 'standard' of this Theme, should not longer be considered, because, to make a Shop look good in all Resolutions, the 'Rules and Standards' of Bootstrap must apply, and this is fully the Case, when changing to this one. I am exited about, how easy it can be handled, and fine tuned, whereever required eventually, to match individual Designs. Can be seen here in Action, momentarely:
OC Bootstrap - Opencart Bootstrap 3 Theme - Front End
https://www.opencart.com/index.php?rout ... n_id=14631
Just to have it said! Good Luck
I am no longer active at the Forum. Please do NOT send me Personal Mails,
they will no longer be replied to.
My Github OC Site: https://github.com/IP-CAM
3'780 FREE OC Extensions, on the World's largest Github OC Repository Archive Site.
Users browsing this forum: No registered users and 9 guests