Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #29081

    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!

    #139669

    BTW my heading is a small fixed header and my page is gryp.mx/wp

    #139670

    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

    #139671

    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!

    #139672

    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

    #139673

    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

    #139674

    And also would like to remove the mouseover lines that appear in the menu or make them appear just below the menu items.

    Thanks!

    #139675

    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

    #139676

    That’s perfect!

    Thank you very much for your support!

    Regards

    #139677

    Hi,

    Great! you’re welcome. glad we could help :)

    Regards,

    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘center logo and menu’ is closed to new replies.