Bootstrap Header Not minimizing correctly

Hi, all. On this page: codedivasites.com/bootstrap/

If you make the browser smaller, the header isn't minimizing the way I want it to. I have both the header and the image as class "fluid", but I'm obviously missing something. Pretty new to Bootstrap, just trying to learn.

Thanks for your help.
mel200Asked:
Who is Participating?
 
GaryCommented:
style.css line 134

header {
    background-color: #b9dcb0;
    border-bottom: 1px solid #ddd;
   /* height: 190px; */
   /* change the height to auto */
    height: auto;
    padding: 0;
}

Open in new window

0
 
GaryCommented:
And what should be happening?
0
 
mel200Author Commented:
I want the header to stack up so that the photo is on top of the name, and under that the tagline and address, then under that the navigation. Here's what I see.

screenshot
0
 
mel200Author Commented:
Thanks! I'll do that right now.
0
 
mel200Author Commented:
Lesson learned. Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.