Title: 3 bar menu issue
Last modified: August 30, 2016

---

# 3 bar menu issue

 *  Resolved [Michael](https://wordpress.org/support/users/tony-alibaba/)
 * (@tony-alibaba)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/3-bar-menu-issue/)
 * Hi, I love, love this theme. Ive been trying for hours to get the 3 bar menu 
   and logo aligned in responsive mode, my logo and 3 bar menu are not aligned on
   tablets and mobile, here is a picture: [here](http://s4.postimg.org/nltp4r9fh/HEADER.png)
 * as you can see, in example A, the three bar menu creates a huge space from the
   top and falls below the logo but the logo is where it should be
 * only when I scroll down, the logo and three bar menu lines up and the header 
   becomes smaller, but I want it aligned without having to scroll down.
 * in the picture, example B, this is what I am needing to do.
    how can I get the
   three bar menu and logo aligned as shown in example B
 * my site is spirituallight.guru
 * any help would be greatly appreciated.
 * Here is the css I’m using
 *     ```
       h3.assistive-text {
            display: none;
       }
   
       .entry-content {
            font-size: 0.8em;
            line-height: 110%;
       }
   
       .sd-content {
            padding-top: 20px;
       }
   
       .navbar-wrapper .navbar h2, h2.site-description {
         display:none;
       }
   
       .navbar-inner .social-block {
         display:none;
       }
   
       @media (max-width: 979px){
         .tc-header .brand {
           float: left; width: 80%; text-align: left;
           padding-left: 10px;
           position: relative;
           z-index: 100;
         }
         .tc-header .navbar-wrapper {
           z-index: 99;
           position: relative;
           float: none;
         }
         .nav-collapse, .nav-collapse.collapse {
           top: 100%;
         }
         .navbar .navbar-inner {
           margin: 0;
         }
         .navbar .btn-navbar {
           margin: 9px 0;
         }
       ```
   

Viewing 1 replies (of 1 total)

 *  Thread Starter [Michael](https://wordpress.org/support/users/tony-alibaba/)
 * (@tony-alibaba)
 * [10 years, 6 months ago](https://wordpress.org/support/topic/3-bar-menu-issue/#post-6681631)
 * After reading more, and playing around, I discovered a solid solution
 * and here it is:
 *     ```
       .navbar-wrapper .navbar h2, h2.site-description {
           display: none;
       }
       .navbar-inner .social-block {
           display: none;
       }
       a.site-logo img {
           max-height: 70px !important;
           max-width: 70px !important;
       }
       @media (max-width: 980px) {
       .tc-header .brand h1, .tc-header .brand a {
           margin: 7px 0 0;
           float:left;
           padding-left:10px;
       }
       .tc-header .brand {
           position: absolute;
       }
       a.site-logo img {
           max-height: 50px !important;
       }
       .nav-collapse, .nav-collapse.collapse {
           overflow-y: hidden;
           position: fixed;
           z-index: 9999999 !important;
       }
       header.tc-header {
           position: fixed;
       }
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘3 bar menu issue’ is closed to new replies.

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

## Tags

 * [3-bar menu](https://wordpress.org/support/topic-tag/3-bar-menu/)
 * [header](https://wordpress.org/support/topic-tag/header/)

 * 1 reply
 * 1 participant
 * Last reply from: [Michael](https://wordpress.org/support/users/tony-alibaba/)
 * Last activity: [10 years, 6 months ago](https://wordpress.org/support/topic/3-bar-menu-issue/#post-6681631)
 * Status: resolved