Image space not released with display:none in a list item
Hi - I'm trying to make a list item where in portrait mode the image is not displayed but it is in landscape mode. I have the media queries working, different css', etc., but when the viewport is less than the 320px, the image disappears but the text DOES NOT move over to the left as it should. display:none is suppose to effectively remove the element but it's not working like that. Suggestions?
Here's the page: mtest.silentauctionpro.com/bidonlineitems.php
Thanks,
Jim
I figured out that the text has 100px of padding from this style in the jquery.mobile.structure-1.0.min.css file:
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
min-height
:
60px
;
padding-left
:
100px
;
}
I'm trying to override it but it isn't working. Sure would appreciate some help.
Thanks!
Jim
The override finally worked. It must be a CSS caching issue... Can close this one.
Jim