Title: Button in primary menu
Last modified: August 30, 2016

---

# Button in primary menu

 *  [deliriumtremens](https://wordpress.org/support/users/deliriumtremens/)
 * (@deliriumtremens)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/button-in-primary-menu/)
 * Hello,
    I would like to add one highlighted link in menu – something like this:
   [http://medicalpro.themedesigner.in](http://medicalpro.themedesigner.in) (link
   BOOK APPOINTMENT).
 * So I create a new class in the CSS and add “background-color” and i use this 
   class in appearance > menus >CSS classes (optional) and then background fills
   100% of the header heights, always from the top.
 * I tried to apply multiple solutions, but either link moves to lower / higher 
   than the other, or there are errors in the mobile menu, or nothing happens.
 * Please help 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [mrtom414](https://wordpress.org/support/users/mrtom414/)
 * (@mrtom414)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/button-in-primary-menu/#post-6817987)
 * you have this rule defined for the button.
 * /*@media all and (max-width:767px)*/
 *     ```
       .default .navbar .navbar-header a.visible-xs {
           background: #fe824c;
           padding: 0 25px;
           color: #fff;
           line-height: 40px;
           border-radius: 0;
           text-transform: uppercase;
           border: none;
           font-family: "Lato", sans-serif;
           margin-top: 0px;
           margin-bottom: 0px;
           display: block;
           margin: 0;
           width: 100%;
       }
       ```
   
 * if you want the button smaller you will need to change width from 100% to something
   smaller.
 *  [vmaidanik](https://wordpress.org/support/users/vmaidanik/)
 * (@vmaidanik)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/button-in-primary-menu/#post-6818252)
 * Hi! Could you please explain how to do it step by step? (I don´t really know 
   how to code)
    I want to put an image as a button, Can I do these without using
   a child? Where do I paste the code?
 * Thanks!
 *  [vmaidanik](https://wordpress.org/support/users/vmaidanik/)
 * (@vmaidanik)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/button-in-primary-menu/#post-6818254)
 * anyone? thanks!
 *  Theme Author [shufflehound](https://wordpress.org/support/users/shufflehound/)
 * (@shufflehound)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/button-in-primary-menu/#post-6818256)
 * Hello,
 * You can, but it is not recommended, because after update all theme files will
   be replaced.
 * Can you give us a link to your website?
 *  [vmaidanik](https://wordpress.org/support/users/vmaidanik/)
 * (@vmaidanik)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/button-in-primary-menu/#post-6818257)
 * Hello!
 * Is there a chance NOT to update the theme?
    This is the link
 * [http://www.awsolutions.com.ar/](http://www.awsolutions.com.ar/)
 * I need to put the google partners badge next to “CONTACTO”, at the end of the
   menu. And I need it to be a button, so it can go to an outside link.
 * Thank you
 *  Theme Author [shufflehound](https://wordpress.org/support/users/shufflehound/)
 * (@shufflehound)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/button-in-primary-menu/#post-6818258)
 * Hello,
 * You can ignore our updates, but then if there will be some new features you won’t
   get them.
    If you need to add only custom CSS code, you can add it under _Maskitto
   Light Options > CSS Code_.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Button in primary menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/maskitto-light/3.4.0/screenshot.
   png)
 * Maskitto Light
 * [Support Threads](https://wordpress.org/support/theme/maskitto-light/)
 * [Active Topics](https://wordpress.org/support/theme/maskitto-light/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/maskitto-light/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/maskitto-light/reviews/)

 * 6 replies
 * 4 participants
 * Last reply from: [shufflehound](https://wordpress.org/support/users/shufflehound/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/button-in-primary-menu/#post-6818258)
 * Status: not resolved