Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 25, 2015 at 12:00 pm #401975
    tjswarbs78

    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, 9 months ago by tjswarbs78.
    February 25, 2015 at 10:01 pm #402359
    Elliott

    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

    April 20, 2016 at 4:26 pm #618456
    Daniel

    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 8 years, 7 months ago by Daniel.
    April 22, 2016 at 12:46 pm #619868
    Andy

    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

    April 25, 2016 at 2:33 pm #621334
    Daniel

    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

    April 27, 2016 at 12:36 pm #622975
    Josue

    Hey!

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

    Regards,
    Josue

    July 5, 2017 at 12:59 pm #816725
    romainp841

    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…

    July 5, 2017 at 1:20 pm #816729
    romainp841

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

    July 5, 2017 at 4:51 pm #816818
    Sarah

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

    Cheers!
    Sarah

    July 6, 2017 at 10:00 am #817117
    romainp841

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

    Have a good day.
    Best Regards.
    Romainp841.

    July 6, 2017 at 10:04 am #817118
    Sarah

    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

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