Forums

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

Home Forums CSS How to increase clickable area to anchors?

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

    I should like to expand the clickable area of anchors. I created http://pedikurspacczer.hu/ in WordPress, the theme called SinglePage. The vertical menu is compounding 4 anchors. The visitors always want to click on the little discs on the left side. The cursor changes as if it would be clickable, but nothing happens if you don’t click on the text.

    #285820
    Paulie_D
    Member

    You have extra padding on the li which should be on the a

    .sub_nav li {
        color: #dcecff;
        height: 21px;
        line-height: 21px;
        padding-left: 44px; /* remove this */
        margin-bottom: 42px;
        cursor: pointer;
    }
    

    and change this

    #sub_nav ul li a {
        font-family: Arial, sans-serif;
        font-size: 14px;
        color: #dcecff;
        padding-left: 44px; / *add this */
    }
    
    #285826
    Hymer
    Participant

    Thank You, Paulie! Meanwhile I’ve got another – or very similar -sollution with negative margin and positive padding:
    #sub_nav ul li a {
    margin-left: -40px;
    padding-left: 40px;
    }

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