CODEWITHSUNDEEP
htmlcss
D. WONG
D. WONG

Reputation: 59

Header not 100% in width when zoomed in

This is kind of weird, and I don't know how to explain this much here. When you zoom in to my website and scroll to the right, the header part + title box is missing. This does not happen when it is zoomed out. Previously, I set the body-width to 1024px and when I zoom out the entire page zooms out to the left (which is not desired if someone has a higher screen resolution) and I prefer it to remain centered. So, I let the body fill the full width but this does not appear to do so for the top part. Not sure what is causing it.

header {
   width: 100%;    

body {
   width: 100%;
}

See my website here and you will be able to understand.

JS fiddle here: http://jsfiddle.net/D22Jd/
Zoom in and scroll to the right to see what I meant

Upvotes: 1

Views: 745

Answers (1)

Surjith S M
Surjith S M

Reputation: 6740

Adding the below code to CSS will fix your issue.

html, body {
min-width: 1024px; /*adjust as per your need*/
}

Upvotes: 3

Related Questions