Embarrassing CSS Question | Admin Bar

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is it only the hope page that experiences this problem?

    Thread Starter floydrose5150

    (@floydrose5150)

    All pages actually, thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the screenshots, I can’t see a shift upwards the region of 10 pixels of the menu bar.

    Thread Starter floydrose5150

    (@floydrose5150)

    Try viewing the site, and click on one of the sections that has dropdowns

    (Blog or Media) and you’ll see it’s shifted up.

    https://ebsolo.com/site/

    Thanks much for trying for me.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    May I ask which browser and browser version you’re using?

    Thread Starter floydrose5150

    (@floydrose5150)

    Trying in latest Chrome, FF and IE 9

    Thread Starter floydrose5150

    (@floydrose5150)

    Ok, I seem to have fixed it myself, and here’s what I did if it helps anyone else.

    I ended up getting it to look correct when not logged in, and was bumped down if I was logged in.

    So, I added <body <?php body_class();?>> to my header, and then for my menu class I added this:

    .logged-in ul.menu li:hover > ul {
    display:block;
    position:absolute;
    margin-top:-20px; /* This was the only element changed for logged in display */

    }

    Still frustrated I had to go this route, and not sure what I did wrong to cause this error, but at least it’s fixed.

    Cheers

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Embarrassing CSS Question | Admin Bar’ is closed to new replies.