Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Why isn’t my WordPress Menu Span Positioning?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #38588

    Hi, I added spand tags to my wordpress custom menu tags. I can style everything except the horizontal positioning.

    my site is here: http://blog.friesengruppe.com

    The span in question is the one that appears when you hover over the menu items. My only problem, the span should position absolutely so that it doesn’t move left or right depending on which menu item you hover over. It is supposed to stay in one place.

    My CSS looks like this:

    #access .menu span {
    display: none;
    }

    #access .menu a:hover span {
    display: block;
    width: 740px;
    position: absolute;
    top: 60px;
    left:-100px;
    text-align: center;
    font-size: 20px;
    color: #262416;
    line-height: 20px;
    font-family: JuraMedium, arial, helvetica;
    }
    #104692
    wolfcry911
    Participant

    Remove the position: relative from the li and place it instead on the ul. You’ll then need to slightly adjust the positioning or size of the span.

    #104703

    Thank-you! that solved the problem.

    Its always a bad idea to start knocking your head against a block wall out of frustration, because then you miss simple things like this! lol!

    Thanks wolfcry911!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.