Solved

Bootstrap hide a div when screen is small

Posted on 2014-10-15
4
7,658 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

Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

Question has a verified solution.

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

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

634 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