Okay
  Public Ticket #1728217
Center Logo
Closed

Comments

  • eknoll started the conversation

    Hello There

    I would like to center the Logo on this site. I read that this has been on your To-Do List since 3 years. Is there any CSS hack or something so I can center the logo?


    Greetings Eric

  • [deleted] replied

    Hi Eric,

    Unfortunately it is not possible to have the logo in and menu in center anywhere in Theme Options, we have been working on a header builder since a long time but the page builder we used for that has changed the way it works and that's why we have stopped developing this feature for the moment.

    Anyway, I saw a reply that one of my teammates replied to a user some times ago so I will send you the same answer so you can try if that works for you too.

    Please just add this CSS code to your Custom CSS area:

    /*=== Logo Center - Menu Items left/right ===*/
    @media screen and (min-width: 768px) {    
        .logo-column {
            position: absolute;
            left: 50%;
            margin-left: -200px;
        }
        
        .main-header.menu-type-standard-menu .standard-menu-container .menu-bar, 
        .main-header.menu-type-standard-menu .standard-menu-container>nav {
            width: 100%;
        }
        
        .left-menu-item{
            float: left;
        }
        
        header.main-header{
            margin: 50px 0;
        }
        
        header.main-header .logo-and-menu-container .menu-column {
            max-width: 768px;
            display: block;
            margin: 0 auto;
        }
    }
    

    Also another small thing should be done is at Menus area (see video) this is where you should add class to menu items:


    (view large version)

    Thanks.