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
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
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
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