Topic: Mobile menu single item custom CSS

Tagged: x

Author

Posts
June 24, 2016 at 3:44 pm #1058521

lukasz021677
Participant

Hi everyone!
I know how to apply single menu item CSS,
but I can’t find any info how to do the same for mobile menu single item?
/i.e. background color or text color for different states/.

APPRECIATE IT!!

Luke.

June 24, 2016 at 3:57 pm #1058539

Joao
Moderator

Hi Luke,

Please provide us your URL and indicate which is the menu item you would like to change.

Thanks

Joao

June 24, 2016 at 5:19 pm #1058598

lukasz021677
Participant

working on this:
http://mediadevotion.com/XP/

Green button for FREE ESTIMATE – would be cool to have the same on mobile/tablet.

thx!

June 24, 2016 at 10:27 pm #1058923
Rue Nel
Moderator
Hello There,

To style the Free Estimate button in your mobile menu, please add the following css code in the customizer, Appearance > Customize > Custom > CSS
```
.mobile .x-nav .menu-item-124 a {
   padding-top: 12px;
   padding-bottom: 12px;
   background-color: #339900 !important;
   color: #fff !important;
   border-radius: 0px;
   margin-top: 43px;
    margin-left: 4px
}

/* HOVER styling */
.mobile .x-nav .menu-item-124 a:hover {
   color: #000000 !important;
   background-color: #68d632 !important;
}
```
Hope this helps. Kindly let us know.
June 25, 2016 at 11:04 am #1059318

lukasz021677
Participant

Guys, you are the best!
It works great!
THANK YOU!!
:-))

June 25, 2016 at 11:43 am #1059351

Thai
Moderator

Glad it worked 🙂

If you need anything else please let us know.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1058521 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>