CODEWITHSUNDEEP
csstwitter-bootstrap
Maria Rose
Maria Rose

Reputation: 85

static horizontal navigation bar in bootstrap overlaps content area

I am new to bootstrap.I have a logo image(instead of project name) and a horizontal navigation bar on top of my page.Logo image is on the left side.When browser window is reduced navigation bar shrinks. I have 2 problems:

(a)The menu that comes as drop down(when window size is reduced) overlaps the content area (b)Menu comes below the logo image.The logo image is about 160px.(I think i may have to reduce the logo image size when window size is reduced).Can anyone tel me how to reduce image size or any other method to solve this!!

Upvotes: 0

Views: 253

Answers (1)

Varun
Varun

Reputation: 36

If reducing the image size in steps is going to solve your problem, then you could use media queries in your CSS to achieve this. For example-

@media all and (max-width: 480px) {
/* Reduce image size */
}

For a detailed description of media queries, check http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ or http://webdesignerwall.com/tutorials/css3-media-queries

Upvotes: 1

Related Questions