The content is inside a DIV called "mainbodybox". This div has a 10 pixel padding on the left and right.
For Desktop, it's fine. I have a div called "gallery_image" that appears in the upper left corner.
For Mobile though, that div doesn't show, and a gallery_imagemobile div displays. However.. I want that div to be maximum width of the device screen, as it will be above all text.
This is how the DIVs are laid out:
Code: Select all
<div class='mainbodybox'><div class='product_rightbox'>
<div class='product_gallerymobile'>
<img src='/images/productphotos/$row->photoprimary' />
</div></div>I would just put a closing DIV after product_rightbox, then open mainbodybox again after the closing product_Gallerymobile div - however that messes up product_rightbox.
So I am wondering if there is a way to tell a DIV - "just max out the page".
I thought of z-index to bring it into the foreground, but as it is inside mainbodybox still, obviously it won't.
Not sure how else to accomplish this.