• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 342
  • Last Modified:

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.
0
mel200
Asked:
mel200
  • 3
  • 2
1 Solution
 
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
 
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
 
mel200Author Commented:
Thanks! I'll do that right now.
0
 
mel200Author Commented:
Lesson learned. Thanks!
0

Featured Post

Veeam and MySQL: How to Perform Backup & Recovery

MySQL and the MariaDB variant are among the most used databases in Linux environments, and many critical applications support their data on them. Watch this recorded webinar to find out how Veeam Backup & Replication allows you to get consistent backups of MySQL databases.

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