0

This page works fine when using a full window and dynamically changes its hight and width to the device screen resolution using a responsive bootstrap layout. My problem is when the page gets minimized it looses it's containers and as you can see it messes it up completely.

Could someone please advise as to what is the issue.

Thank you

Luke Rixson
  • 607
  • 5
  • 20

1 Answers1

1
    .intro-section {
  /* height: 100%; */ < Remove the 100% height
  padding-top: 150px;
  text-align: center;
  background: #fff;
}

.about-section {
  /* height: 100%; */ < Remove the 100% height
  padding-top: 150px;
  text-align: center;
  background: #eee;
}

.services-section {
  /* height: 100%; */ < Remove the 100% height
  padding-top: 150px;
  text-align: center;
  background: #fff;
}

After removing those heights , it should display it normaly, on any size , even when u minimize it :)

Jordi Mutsaers
  • 48
  • 1
  • 6
  • Cheers buddy, Just out of interest do you think it would be possible to use javascript to detect when the screen is minimized and dynamically change that css property. – Luke Rixson Apr 02 '15 at 09:36
  • http://stackoverflow.com/questions/3371973/detect-browser-window-maximized-minimized-with-javascript Maybe this is what you want – Jordi Mutsaers Apr 02 '15 at 10:05