Title: CSS Code to move menu
Last modified: November 21, 2018

---

# CSS Code to move menu

 *  [markn846](https://wordpress.org/support/users/markn846/)
 * (@markn846)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/css-code-to-move-menu/)
 * What code can I add to move my menu at the top down about an inch and to the 
   right about 4 inches? The site is alvwines.com Thanks Here is the CSS code I 
   have already –
 * .navigation-top {
    top: 18px; background: transparent; border: 0;} .navigation-
   top a { font-size: 140%;
 * }
    .wrapper > header.site-top-header { min-height: 20vh; } .menu-toggle { color:
   white; }
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 768px){
 *  .navigation-top a,
    .navigation-top .current-menu-item > a, .navigation-top .
   current_page_item > a { color: white; } }
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-code-to-move-menu%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [7 years, 6 months ago](https://wordpress.org/support/topic/css-code-to-move-menu/#post-10929414)
 * Did you resolve this?
 *  Thread Starter [markn846](https://wordpress.org/support/users/markn846/)
 * (@markn846)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/css-code-to-move-menu/#post-10931284)
 * Your the first to respond. I have not.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [7 years, 6 months ago](https://wordpress.org/support/topic/css-code-to-move-menu/#post-10932284)
 * You may have to lose the concept of inches, as Twenty Seventeen theme is responsive
   and will adjust the position of things depending on the screen size. In the “
   Additional CSS” section of the dashboard add this:
 *     ```
       .main-navigation ul {
           text-align: right;
       }
       ```
   
 * _[https://codex.wordpress.org/CSS#Custom\_CSS\_in\_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)_
 *  Thread Starter [markn846](https://wordpress.org/support/users/markn846/)
 * (@markn846)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/css-code-to-move-menu/#post-10947183)
 * This did not work at all. Sorry. Any other ideas?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [7 years, 5 months ago](https://wordpress.org/support/topic/css-code-to-move-menu/#post-10947249)
 * The only CSS I can see being used is:
 *     ```
       .navigation-top {
       top: 18px; 
       background: transparent;
       	border: 0;}
       .navigation-top a {
        font-size: 140%;
   
       }
       .wrapper > header.site-top-header
       {
       min-height: 20vh;
       }
       .menu-toggle {
           color: white;
       }
   
       @media screen and (min-width: 768px) {
   
           .navigation-top a,
           .navigation-top .current-menu-item > a, 
           .navigation-top .current_page_item > a {
               color: white;
           }
       }
       ```
   
 * Have you removed what I suggested? If so, can you add it back in so that I can
   understand why it’s not working?
 *  [adsler26](https://wordpress.org/support/users/adsler26/)
 * (@adsler26)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/css-code-to-move-menu/#post-11207519)
 * main-navigation, button{
    margin-top: 40px;} will move it down or up above your
   logo.

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

The topic ‘CSS Code to move menu’ is closed to new replies.

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

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [Twenty Seventeen](https://wordpress.org/support/topic-tag/twenty-seventeen/)

 * 6 replies
 * 3 participants
 * Last reply from: [adsler26](https://wordpress.org/support/users/adsler26/)
 * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/css-code-to-move-menu/#post-11207519)
 * Status: not resolved