Wrapping on mobile
Wrapping on mobile
(OP)
The below code is not working for mobile phones.
It is second logo that is floating to the right is wrapping on mobile devices. What is the best way to account for this?
Thanks.
CODE
<div style="height:auto; background-image: url(/wp-content/uploads/2015/01/KixBottom_bar.png);"><img src="/wp-content/uploads/2015/01/KixBottom_Moose.png" alt="McSherrystown Moose" style="padding-top: 10px;padding-bottom: 10px;padding-left: 10px;"><img style="float:right;padding-top: 15px;padding-right: 10px;padding-bottom: 10px;" src="/wp-content/uploads/2015/01/KixBottom_Wine.png" alt="Winebrenners"></div>
It is second logo that is floating to the right is wrapping on mobile devices. What is the best way to account for this?
Thanks.
Swi
RE: Wrapping on mobile
Make sure there's enough room to accommodate both images on the same line. i.e set a minimum width for the Div so that there's enough space for both images on the same line.
----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
Web & Tech
RE: Wrapping on mobile
If I do a min-width it does not look very good on mobile.
Swi
RE: Wrapping on mobile
Swi
RE: Wrapping on mobile
----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
Web & Tech
RE: Wrapping on mobile
Swi
RE: Wrapping on mobile
Swi
RE: Wrapping on mobile
You need to set a width that can accommodate both images so it doesn't wrap, and inversely change the width to be 100% of the screen, so that it does wrap in the mobile version.
Assuming you are using media queries in your CSS, just change the width for each version.
----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
Web & Tech
RE: Wrapping on mobile
Swi