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
Solved

Bootstrap hide a div when screen is small

Posted on 2014-10-15
4
6,690 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
  • 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
This video teaches users how to migrate an existing Wordpress website to a new domain.
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.

809 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