Forums

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

Home Forums CSS Dropdown menu padding, spacing!

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

    Hi guys,

    Is there a way to reduce the gap between the text and the borders in the dropdown menu? The website uses Divi theme.

    Here is a screenshot of it: http://www.gadjetsupply.com/wp-content/uploads/2015/12/dropdown.png

    Here is the website: http://www.gadjetsupply.com

    Thanks a lot guys!

    #236115
    Paulie_D
    Member

    It’s not entirely clear what you are asking but the padding is controlled by this.

    .nav li ul {
        position: absolute;
        top: 52px;
        left: -27px;
        padding: 20px;
    }
    
    #236212
    michaelgearon
    Participant

    Supporting Paulie answer it is not clear what you are asking for. If you are suggesting the gap between top level navigation and the dropdown menu you need to modify these two bits of CSS:

    #top-menu li > a{
       padding-bottom: 60px; /* remove this */
    }
    .nav li ul{
      position: absolute;
      top: 52px; /*Adjust this to around 33px */
      left: -27px;
      padding: 20px;
    }
    

    If you are trying to adjust the list items in the dropdown menu it is as Paulie described above, adjust the 20px padding.

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