Prevent Admin Bar from overlapping header

  • smile0

    (@smile0)


    8 years, 6 months ago

    hello! Does anyone have the css to automatically shift down a website’s header menu so the admin bar doesn’t cover it for the newest version of wordpress? I’m using adobe muse and wordpress, but I can imput the css code in wordpress or in muse. Either way will help me!

Viewing 2 replies - 1 through 2 (of 2 total)
  • stephencottontail

    (@stephencottontail)

    8 years, 6 months ago

    The admin bar is 46 pixels high when the browser window is up to 762 pixels wide, and 32 pixels high otherwise. WordPress adds “admin-bar” to the <body> tag if the admin bar is present. The exact CSS would depend on how you’ve got the header set up, but that should be enough to let you figure it out.

    • This reply was modified 8 years, 6 months ago by stephencottontail. Reason: added information about the body tag
    stephencottontail

    (@stephencottontail)

    8 years, 6 months ago

    So I finally got a chance to look at your site and Adobe Muse really made a mess of things, IMHO. Every single element in your sticky header has to have the top value changed or it doesn’t move with the rest of the header, and I can’t figure out why the white bar behind the header doesn’t move.

    My advice would be to see if you can clean it up a bit in Muse, or hiring someone from http://jobs.wordpress.net or a local WordPress meetup or a trusted friend. If you do choose to hire someone, please do not accept any offers that are posted in these forums; that’s not permitted by the forum rules.

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

The topic ‘Prevent Admin Bar from overlapping header’ is closed to new replies.