Code: Select all
display: table-footer-group;the logo one is on the left, and a box with a background image is on the right.
I've laid it out in CSS with Float left and Float right.
But on mobile, I want the "float right" one to cover after the logo (no float!). So the logo is on top of the "right" DIV.
So I did it with the css shown above, and display: table-header-group; for the logo div.
However, it's cause both these divs to block up ot a fixed width, rather than full width.
I have tried width: 100%, but that doesn't work. So how can I use this style, keeping the logo on the left, the other div on the right for desktop, while having the logo on top of the right div on mobile?