Widen header & nav bar to fir browser window

  • Hi

    I am trying to set the header and the nav bar to be the same size of the browser window.

    I’ve tried widening the length by increasing the pixels but that only moved the right side of the header and nav bar and the RSS fed box disappeared to the other end of the screen too.

    Would something like adding a repeat scroll work?

    Here’s my site if someone could have a look at it please.

    https://www.globalistamagazine.com

    Thanks so much!

Viewing 4 replies - 1 through 4 (of 4 total)

  • your header and navigation is inside page div and page div is limited to 940px. you need to move quite a few things in the theme to get it right.

    and also size of the browser window varies from computer to computer.

    Thread Starter marieteather

    (@marieteather)

    Hi,

    Thanks for coming back to me. What kind of things would I need to move?

    you want the header from left to right of the screen. How big is the screen. people work with different resolutions and keep the browser window half size sometimes. so there is no fixed width for peoples browser window. and you need to decide on width. Right now the entire page is 940px.
    Header is inside the Page and making Header wider you need to widen the Page as well, unless you move it ( Header ) out and make it above the Page.

    Making design flexible ( for different window sizes ) you need to work in percent. Like 100% , 66% etc. not in pixels.

    Thread Starter marieteather

    (@marieteather)

    Thanks for coming back to me. I think I will try moving the header out so it is above the page. Or otherwise, I could upload an image behind the same colours as the header, nav bar and page so that it looks like the header is as long as the browser screen.

    Thanks so much for your help.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widen header & nav bar to fir browser window’ is closed to new replies.