Tagged: menu
-
AuthorPosts
-
February 25, 2015 at 12:00 pm #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 levelsis 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, 10 months ago by tjswarbs78.
February 25, 2015 at 10:01 pm #402359Hey 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!
ElliottApril 20, 2016 at 4:26 pm #618456Hey!
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, 8 months ago by Daniel.
April 22, 2016 at 12:46 pm #619868Hey!
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!
AndyApril 25, 2016 at 2:33 pm #621334Hey 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 #622975Hey!
Seems you’re using a header layout different than logo left, menu right.
Regards,
JosueJuly 5, 2017 at 12:59 pm #816725Hi 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 #816729I 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 #816818That’s great, @romainp841! Thank you for sharing. Do you still need further help with this?
Cheers!
SarahJuly 6, 2017 at 10:00 am #817117Everything 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 #817118Looks 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 -
AuthorPosts
- The topic ‘Logo left menu centre (on same level)’ is closed to new replies.