Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 24, 2015 at 7:17 pm #384939
    pegasso4444

    Hi,
    How can i have my logo in center of the main menu like here:
    http://gyazo.com/68526828064b4f0d1f433e0f1f06bc2e

    Thanks for your help
    Peter

    January 26, 2015 at 5:49 pm #385633
    Elliott

    Hey pegasso4444!

    You would have to use some CSS to add a right margin to one of your menu links. Something like this..

    #menu-item-3480 {
  margin-right: 300px;
}

    And then some CSS to move the logo over. 

    .logo {
  left: 50% !important;
  transform: translate(-50%);
}

    Best regards,
    Elliott

    January 28, 2015 at 9:34 am #386823
    pegasso4444

    Hi Elliott,
    This did not work for me, so I added a image in the mega menu and disabled the logo:
    http://gyazo.com/162702269f1890f3647bd8f7d348b9b2

    Now I need to center the main menu.
    I tried:
    #menu-item-7487 {
    padding-top: 10px !important;
    }

    div .logo {
    display: none !important;
    }

    .main_menu {
    position: center !important;
    }

    I also tried position: inherit, but none is working.
    So my Question is:
    How can I center the main menu option ” logo left – menu right” if the logo is disabled?

    Thanks for your help
    Peter

    January 28, 2015 at 1:17 pm #386940
    pegasso4444

    Ok I found a simple solution!
    Logo center menu below
    and just forget the
    #menu-item-7487 {
    padding-top: 10px !important;
    }

    Thanks for your help
    Peter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo in Center of Main Menu’ is closed to new replies.