Support » Fixing WordPress » Navbar & header fixed when resizing browser window

  • Hi,

    Having some trouble customizing my page and really need some help!

    My website is: http://www.tiasoap.com

    I added my logo to the header and some customized images to the navbar &sidebar because I wanted to use a specialized font to represent the link buttons.

    I added this code to the header file (not sure if that was a backwards way to do it) but now when I resize my browser window the Header and Navbar are static and are not moving at all. My text container is being dynamically resized and seems to work just fine.

    Could you tell me how to improve my code to fix this?
    I have the code listed here in Pastebin: http://pastebin.com/m5b779398

    thanks
    tiffany

Viewing 3 replies - 1 through 3 (of 3 total)
  • you sidebar is in the middle of your page over your content actually……and your text container is stuck on the left side of the browser window not at all in line with your header, and it doesn’t resize for me. I’m on IE. Have you looked at your site multi-browser / multi-computer?

    Thread Starter tiasoap

    (@tiasoap)

    Oh vey, looks like hell on IE! I’m on a mac with Safari and Firefox but I suppose 65% of the world isn’t so thanks for pointing that out.
    Any ideas on how to get things straightened out? Is position:absolute;
    a big no-no??!! maybe i shouldn’t have used that anywhere…

    thanks

    position absolute can be a big no-no

    Where you are going wrong is your usage. position:absolute is in relation to the box it’s inside with a position:relative attribute. If it’s not in a box with relative, then it references the edge of the browser window which varies for everyone.

    Basically, apply position:relative to your outermost box (looks like nav on your theme)

    Or, if that won’t work right, wrap everything in another div and make that position:relative….

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Navbar & header fixed when resizing browser window’ is closed to new replies.