Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #206443

    Hi there,

    I tried to search for any solution, for moving the logo and menu to the center, but nothing works for my website. Maybe anyone can help me?

    This is the link: http://wordpress2.rantai-kungfu.de/

    I would be glad, if there is any way to show the logo and the menu in the middle. I choosed the header “fixed header with social icons and additional navigation”.

    Thanks for any help!
    Cheers, Ina

    #206522

    Hi Ina!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust needed

    div .logo { left: 37%; }
    .main_menu { right: 30%; top: 30px; }
    .main_menu .menu ul { top: 75%; }
    .avia-menu-fx { bottom: 28px; }
    .header-scrolled  .social_header #header_main .container { margin-bottom: 30px; }
    .header-scrolled .main_menu .menu ul { top: 67%; }

    Regards,
    Yigit

    #206534

    Thanks! Thats great! But now there is just one litte problem when scrolling down. You see what I mean? Maybe you have any solution for that as well.

    Cheers!
    Ina

    #206547

    Hey!

    It is not a good practise to center the logo and menu on resizing header types and that causes the issue. Please try changing

    .header-scrolled  .social_header #header_main .container { margin-bottom: 30px; }
    to 
    
    .header-scrolled  #header_main .container { margin-bottom: 30px; }

    Regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Logo and menu to center’ is closed to new replies.