-
Posts
-
Hi i want to center the logo and the menu, the logo on top and the menu below. i used the quick css with this code but it isn’t completely centered and when i scroll down, the menu moves to the left.
.container_wrap_logo .container{
width: 100%;
}
.container_wrap_logo .logo{
left: 50%;
}
.container_wrap_logo .main_menu{
right: 50%;
}Best Regards!
Hi trap,
Please add this code to Quick CSS to center the logo
strong.logo { left: 45.9%; }
I do not think that it would be possible to make logo get smaller from center as origin is the top left corner. I see that you undid all the changes with logo and menu. If you still want to center the logo and menu, going with non-fixed header would be a better option.
P.S.: I’m closing other topic as subjects are the same, if you have more questions, please ask them here.
Regards,
Yigit
Thanks for your reply!
The logo is perfect that way, but if i implement the css for the menu that you gave me earlier, when i scroll down it moves to the left.
Is there a way to fix this in the fixed header?
Thanks!
Hi,
For me with this code everything looks fine and menu does not move to left when i scroll down. So please try adding this code and let me know if it does not work for you.
div.main_menu { right: 25%; top: 47%; padding-top: 10px; }div#ticker.liveTicker { padding-top: 11px }
Regards,
Yigit
Thanks! when i scroll down it’s perfect, now the problem is that in tablets or when i make my browser window smaller, the menu moves to left.
Regards
And also would like to remove the mouseover lines that appear in the menu or make them appear just below the menu items.
Thanks!
Hi,
Keep previous codes and add this ones too
@media only screen and (min-width: 768px) and (max-width: 989px) { div.main_menu { right: 10%; } }@media only screen and (max-width: 1140px) { div.main_menu { right: 18%; } }
span.avia-menu-fx { display: none; }
Regards,
Yigit
- The topic ‘center logo and menu’ is closed to new replies.