Title: CSS on li a
Last modified: August 30, 2016

---

# CSS on li a

 *  Resolved [u22](https://wordpress.org/support/users/u22/)
 * (@u22)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/css-on-li-a/)
 * Hello, thanks for your plugin I use it in all my sites.
    I just want to share
   you a little idea. I think would be good if you change this on your plugin:
 *     ```
       #responsive-menu .responsive-menu li a {
         padding: 12px 0px 12px 5% !important;
         width: 95% !important;
         display: block !important;
       min-height:20px !important;
       height: auto ;
         line-height: 20px !important;
         overflow: hidden !important;
       white-space: normal !important;
         color: #FFF !important;
         border-top: 1px solid #E8921B !important;
         text-decoration: none !important;
       }
       ```
   
 * I changed the height and the white-space, because sometimes the link text could
   be bigger than the li so, the text is cut.
 * [https://wordpress.org/plugins/responsive-menu/](https://wordpress.org/plugins/responsive-menu/)

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * (@responsivemenu)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-on-li-a/#post-6237296)
 * Hi u22,
 * Actually the styles are automatically created with the CSSModel.php file, so 
   in the code it actually looks like this:
 *     ```
       #responsive-menu .responsive-menu li a
                   {
                       padding: $linkPadding{$important}
                       width: 95%{$important}
                       display: block{$important}
                       height: {$height}px{$important}
                       line-height: {$height}px{$important}
                       overflow: hidden{$important}
                       white-space: nowrap{$important}
                       color: $txtCol{$important}
                       border-top: 1px solid $borCol{$important}
                       text-decoration: none{$important}
                   }
       ```
   
 * It may be that you have over styles or settings that are over-riding this in 
   your theme as it is designed to re-size depending on a few factors.
 * Many thanks

Viewing 1 replies (of 1 total)

The topic ‘CSS on li a’ is closed to new replies.

 * ![](https://ps.w.org/responsive-menu/assets/icon-256x256.png?rev=1782326)
 * [Responsive Menu - Create Mobile-Friendly Menu](https://wordpress.org/plugins/responsive-menu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/responsive-menu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/responsive-menu/)
 * [Active Topics](https://wordpress.org/support/plugin/responsive-menu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/responsive-menu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/responsive-menu/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [responsivemenu](https://wordpress.org/support/users/responsivemenu/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/css-on-li-a/#post-6237296)
 * Status: resolved