Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 9082
  • Last Modified:

Bootstrap hide a div when screen is small

Hi, I was looking at this:
http://stackoverflow.com/questions/22288823/bootstrap-3-is-there-a-way-to-hide-navbar-text-when-small-screens-are-used

I'm working on: wheelsonmeals.net/responsive/

I want to hide the image within business-header when the screens are sm or xs.

So I have:    <header class="business-header">
        <div class="container">
        <div class="row hidden-xs hidden sm">
       </div>
    </header>

Not working, what do you suggest? Thanks!
0
mel200
Asked:
mel200
  • 2
  • 2
1 Solution
 
GaryCommented:
hidden sm should be hidden-sm otherwise it will always be hidden.

Don't see any image in the header
0
 
mel200Author Commented:
The image is in the second header, css/img/top.jpg.  Thanks for catching that, I've made the change but it still doesn't disappear when the screen size changes.
0
 
GaryCommented:
Add the hidden classes to the HEADER tag and you don't need all the extra markup just

<header class="business-header hidden-xs hidden-sm">
</header>
0
 
mel200Author Commented:
Bingo, thanks! I'm learning every day, glad everyone here is patient with it.
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now