Solved

Bootstrap hide a div when screen is small

Posted on 2014-10-15
4
7,222 Views
Last Modified: 2014-10-15
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
Comment
Question by:mel200
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40383107
hidden sm should be hidden-sm otherwise it will always be hidden.

Don't see any image in the header
0
 

Author Comment

by:mel200
ID: 40383193
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
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 40383200
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
 

Author Closing Comment

by:mel200
ID: 40383213
Bingo, thanks! I'm learning every day, glad everyone here is patient with it.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question