Title: centering menu header vertically
Last modified: April 13, 2020

---

# centering menu header vertically

 *  [seks](https://wordpress.org/support/users/seks/)
 * (@seks)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/centering-menu-header-vertically/)
 * I’ve included a screenshot of my WP home page.
 * The white box on the left is my logo. How do I center those menu on the right
   vertically in relation to the logo on the left? So what I want is move those 
   menu down until it’s in the middle in relation to the logo.
 * I didn’t develop my website so someone point me where to look in wp-admin.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcentering-menu-header-vertically%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [6 years, 2 months ago](https://wordpress.org/support/topic/centering-menu-header-vertically/#post-12668111)
 * This has to be done with CSS. To do that, we need a live page to look at / play
   with.
 * Please provide a link to a page on your site where we can see this. Thanks. _Note:
   Your link will be public and we will not later remove it._
 *  Thread Starter [seks](https://wordpress.org/support/users/seks/)
 * (@seks)
 * [6 years, 2 months ago](https://wordpress.org/support/topic/centering-menu-header-vertically/#post-12669616)
 * Here’s the CSS that I dug up:
 *     ```
       .xs-header .xs-logo img {
       max-height: 130px;
       }
       .nav-menu>li>a>i {
           position: absolute;
           top: 12px;
           left: 35%;
       }
       .xs-menus .nav-menu>li>a {
           text-align: center;
           width: 60px;
       }
       .xs-menus .nav-menu>li.contact-ic a {
           width: 78px;
       }
       .xs-menus .nav-menu>li {
           margin-right: 20px;
       }
       .discord a {
           position: relative;
       }
       .discord a:after{    
       	position: absolute;
           content: '';
           left: 6px;
           top: -5px;
           width: 36px;
           height: 36px;
           background: url(http://www.webspace.com/dis-1.png) no-repeat;
           background-size: 100%;
       }
       ul.xs-menu-tools i.icon.icon-cart2 {
           font-size: 30px;
       }
       ul.xs-menu-tools {
           padding-top: 12px !important;
       }
       .xs-menus .nav-menu>li.twt>a i {
           font-size: 1.6rem;
           top: 6px;
       }
       .xs-menus .nav-menu>li.twt>a,
       .xs-menus .nav-menu>li.discord>a{font-size:0 !important}
       .xs-footer-section.footer-v2 {
           padding: 12px 0;
           text-align: center;
       }
       .footer-bottom .col-md-6 {
           flex: 0 0 100%;
           max-width: 100%;
       }
   
       .elementskit-faq-header,
       .elementskit-faq-body{position:relative;}
   
       .elementskit-faq-header:after {
           position: absolute;
           content: 'Q';
           left: 12px;
           top: -10px;
           font-size: 46px;
           color: #122daa;
       }
   
       .elementskit-faq-header h2, .elementskit-faq-body {
           padding-left: 15px !important;
       }
       .elementskit-faq-body {
           padding-left: 56px !important;
       }
   
       .elementskit-faq-body:after {
           position: absolute;
           content: 'A';
           left: 12px;
           top: 3px;
           font-size: 46px;
           color: #ccc;
       }
       .xs-service-block {
       	padding: 30px;}
       .xs-service-block .service-img {
           margin-bottom: 20px !important;
       }
       .elementor-widget-xs-icon-box .xs-service-block p {
           margin-bottom: 0;
       }
       .xs-menus .nav-menu>li.twt{
           margin-left: 22px;
           margin-right: 0;
           width: auto;
       }
       .wpcf7 label, .wpcf7 input, .wpcf7 textarea {
           width: 100% !important;
       }
       div#comments {
           display: none;
       }
       .page-id-38 .main-content.blog-wrap.xs-section-padding {
           padding: 0;
       }
   
       section.xs-banner.service-banner.contet-to-center {
           display: none;
       }
       .header-transparent {
           background: linear-gradient(-45deg, #1045db 0%, #15095e 60%, #15095e 99%);
   
       }
       .page-id-361 .header-transparent {
           background:none;
   
       } 
       .entry-content.hostinza-main-content.xs-page-single {
           padding-top: 70px;
       }
       ```
   
    -  This reply was modified 6 years, 2 months ago by [seks](https://wordpress.org/support/users/seks/).
    -  This reply was modified 6 years, 2 months ago by [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/).

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

The topic ‘centering menu header vertically’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [seks](https://wordpress.org/support/users/seks/)
 * Last activity: [6 years, 2 months ago](https://wordpress.org/support/topic/centering-menu-header-vertically/#post-12669616)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics