Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #401975

    Apologies if this has been answered somewhere before.
    I’m using the logo left, menu right so both elements are on the same level but would like the menu center.
    I’ve seen topics for moving the logo left while using the logo center menu below header but this puts the logo and menu on different levels

    sample header

    is what i want.

    I used a left % to move the menu center but am hoping there is a better way that will also keep it responsive

    Thanks in advance

    TJ

    • This topic was modified 9 years, 1 month ago by tjswarbs78.
    #402359

    Hey tjswarbs78!

    Send us a link and we’ll take a look.

    You could try setting the logo on top centered with menu below and then use CSS to set the logo position to absolute.

    Cheers!
    Elliott

    #618456

    Hey!

    I have exactly the same question. I changed it to what you say but without luck. I’m using .logo {position: absolute !important; padding: 20px; }

    The link is in the private section. Thanks for helping!

    • This reply was modified 7 years, 11 months ago by Daniel.
    #619868

    Hey!

    in Enfold->Header->Header Layout->Menu and Logo Position
    use Logo left, Menu right and then you can move your menu more to the right (center) if you want, using this code:

    ul#avia-menu {
    margin-right: -20px;
    }
    

    and adjust as needed.

    Cheers!
    Andy

    #621334

    Hey Andy,

    Thanks for replying! I’d like to center it for all width (until hamburger menu shows up), the 20px will not do this, it will only center it for one specific width.

    Cheers, Daniel

    #622975

    Hey!

    Seems you’re using a header layout different than logo left, menu right.

    Regards,
    Josue

    #816725

    Hi everybody !

    I know that it is an old post, but I really need to have the answer.

    Yes we can easily adjust the menu position with the margin, but it’s not responsive on bigger or smaller screen.

    I tried it several times with px or % value, on my laptop it’s 32% and it’s working, but when I go on my computer it’s 37%… We need a center position for the menu, and the best would be social icons on right, logo left and menu center…

    #816729

    I found something and it’s working for me.

    Enfold->Header->Header Layout->Menu and Logo Position->Logo Center Menu Below

    /*Up the menu on the logo and remove the container of the menu*/
    
    .main_menu {
    top: -65px;
    }
    
    #header #header_main_alternate .container {
    height: 0px;
    }

    And now the logo position :

    .html_header_top.html_logo_center .logo { left: 70px; }

    #816818

    That’s great, @romainp841! Thank you for sharing. Do you still need further help with this?

    Cheers!
    Sarah

    #817117

    Everything is alright ! I hope they found a solution since april 2016 ! :D

    Have a good day.
    Best Regards.
    Romainp841.

    #817118

    Looks like they did. :) We’ll close this thread now, but feel free to open a new one if you have other questions.

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/

    Thank you for using Enfold.
    Cheers!
    Sarah

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Logo left menu centre (on same level)’ is closed to new replies.