1 reply [Last post]
farmrchrys's picture
Eastern Washington State
Last seen: 9 years 5 weeks ago
Eastern Washington State
Timezone: GMT-8
Joined: 2013-12-31
Posts: 1
Points: 2

I'm working with a responsive website theme so images and elements re-size automatically as the size of the browser window changes. I have a header image and under it a main content area. Everything re-sizes just fine except that the vertical distance between the header and the content increases as the window gets smaller. On a smart phone, the content gets pushed just about off of the bottom of the screen. Is there a way to prevent this?

Here's the link to the page I'm working on:

Try dragging the corners of the browser window to re-size it (or open it on a phone) to see what I'm talking about. I've tried various approaches with Firebug, as yet to no avail.

gary.turner's picture
Last seen: 1 year 48 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Look at this as the

Look at this as the culprit:

#menu-bar, #menu-bar .menu-wrapper {
  padding-top: 300px;

It may not be all there is, but it's a good start.



If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.