Im trying to block a div on mobile devices
html
<div id="home-thumbnails" class="container">
css
@media all and (max-width: 599px) {
#home-thumbnails {
display:block;
}
}
I’ve looked at debugging but cant find any issues?
A <div> is a block tag by default.
@ronpat is right, a <div> is a block element by default.
What is the exact issue you’re having? Can you give us an example on http://jsfiddle.net/ that replicates the issue?
Do you mean you want to block it from displaying? In which case display:none; is probably what you’re after.
3 Likes
If the element was previously floated and you are trying to change it to a normal block element then you would need to add float:none in your media query.
Of course we are all just guessing here until we get the full details 
So sorry all - production site with code here - [danmorrisphotography.co.uk][1]
[1]: http://www.danmorrisphotography.co.uk
Sorry guys display:none is of course what I need - apologies all.
No need to apologise - we’re here to help.
Sometimes you just need a fresh pair of eyes; you spend so long looking at your own code that you can’t see the obvious. (Well, that’s my experience, anyway. ) Glad you’ve got it fixed.
1 Like
Oh yes in my experience plenty of simple mistakes happen!!! : )
1 Like
Is that what I need? OMG… then a need a new pair… mine are kind of worn out 
Off Topic:
Sorry, I couldn’t resist. Else, it wouldn’t be me 
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.