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
  • #38588

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

    my site is here:

    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;
    text-align: center;
    font-size: 20px;
    color: #262416;
    line-height: 20px;
    font-family: JuraMedium, arial, helvetica;

    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.


    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.