Title: Menu with
Last modified: April 29, 2020

---

# Menu with

 *  Resolved [pertlpetra](https://wordpress.org/support/users/pertlpetra/)
 * (@pertlpetra)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/menu-with/)
 * Hey,
 * I would like to make the top menu wider. As you can see, the Insta icon is in
   the 2nd row. And in the future I am planning to make more menu items. Could you
   please help me with this issue?
 * Thank you very much in advance!
 * BR:
 * Petra
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-with%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Roman Bondar](https://wordpress.org/support/users/romanbon/)
 * (@romanbon)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/menu-with/#post-12756183)
 * Hello Petra, try to use the following CSS code.
 * You can add CSS code in **Customize** → **Additional CSS** section.
 *     ```
       @media (min-width: 1200px) {
           #masthead .site-branding {
               flex-basis: 20%;
           }
   
           #masthead #site-navigation {
               flex-basis: 80%;
           }
   
           ul.header-search-cart {
               margin-left: 20px;
           }
   
           #masthead #site-navigation ul.menu > li:first-child {
               padding-left: 0;
           }
   
           #masthead #site-navigation ul.menu > li:last-child {
               padding-right: 0;
           }
   
           .main-navigation li {
               padding: 0 10px;
           }
       }
       ```
   
 * Please feel free to ask any other questions that you might have.
 * Kind Regards, Roman.
 *  Thread Starter [pertlpetra](https://wordpress.org/support/users/pertlpetra/)
 * (@pertlpetra)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/menu-with/#post-12756268)
 * Hey Roman,
 * thank you for the rush answer. I added the code in the additional css section,
   but the top navigation is still divided into 2 rows. Can you please check it?
 * Big thanks!
 * Petra
 *  [Roman Bondar](https://wordpress.org/support/users/romanbon/)
 * (@romanbon)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/menu-with/#post-12756640)
 * You don’t have a closing curly brace here on the fourth line:
 *     ```
       /* Hover links */
       a:hover {
           color: #be6875;
   
       @media (min-width: 1200px) {
           #masthead .site-branding {
               flex-basis: 20%;
           }
   
           #masthead #site-navigation {
               flex-basis: 80%;
           }
   
           ul.header-search-cart {
               margin-left: 20px;
           }
   
           #masthead #site-navigation ul.menu > li:first-child {
               padding-left: 0;
           }
   
           #masthead #site-navigation ul.menu > li:last-child {
               padding-right: 0;
           }
   
           .main-navigation li {
               padding: 0 10px;
           }
       }
       ```
   
 * Try to add it like this:
 *     ```
       /* Hover links */
       a:hover {
           color: #be6875;
       }
   
       @media (min-width: 1200px) {
           #masthead .site-branding {
               flex-basis: 20%;
           }
   
           #masthead #site-navigation {
               flex-basis: 80%;
           }
   
           ul.header-search-cart {
               margin-left: 20px;
           }
   
           #masthead #site-navigation ul.menu > li:first-child {
               padding-left: 0;
           }
   
           #masthead #site-navigation ul.menu > li:last-child {
               padding-right: 0;
           }
   
           .main-navigation li {
               padding: 0 10px;
           }
       }
       ```
   
 * Kind Regards, Roman.
 *  Thread Starter [pertlpetra](https://wordpress.org/support/users/pertlpetra/)
 * (@pertlpetra)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/menu-with/#post-12756691)
 * Oh, thank you very much for your support!! Have a nice day!
 *  [Roman Bondar](https://wordpress.org/support/users/romanbon/)
 * (@romanbon)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/menu-with/#post-12759371)
 * You are welcome!
 * And have a nice day as well 🙂
 * Kind Regards, Roman.

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

The topic ‘Menu with’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/airi/1.0.17/screenshot.png)
 * Airi
 * [Support Threads](https://wordpress.org/support/theme/airi/)
 * [Active Topics](https://wordpress.org/support/theme/airi/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/airi/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/airi/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [Roman Bondar](https://wordpress.org/support/users/romanbon/)
 * Last activity: [6 years, 1 month ago](https://wordpress.org/support/topic/menu-with/#post-12759371)
 * Status: resolved