-
Posts
-
I am trying to have the menue in 2 lines.
The problem now in Safari: the first line is in the second line and the second line is in the first line.
The problem in Chorme: both lines overlap.
and in both browsers it overlaps the logoCould you please help? Thanks a lot!
I added to screenshots and what I found in a previous thread to do this:
in the menue: Aktuelles & <span class=”menu-break”>Events</span>In the Customizer
span.menu-break {
display: block;
line-height: 0;
bottom: 35px;
position: relative;
}
.avia-menu-fx {
bottom: -21px;
}div.avia-menu.av-main-nav-wrap {
margin-top: -20px;
}.av-main-nav ul {
margin-top: 20px;
}
@media only screen and (max-width: 1040px) {
.av-main-nav > li > a { padding: 0 12px; }}https://www.evernote.com/l/AoH6GTiv0M9H0ZX54NVIaFgLdac4a30QQHY
https://www.evernote.com/l/AoGzDJr51KhGVp00FvyrtNY6lXtKN8byHpEHey Marco,
Thank you for the inquiry.
Where can we see the issue? Please provide the current URL so that we can check the site. We tried visiting “dossenheim” but it contains the older version of the site.
Best regards,
IsmaelThanks to you.
I try to do this here.Hi,
Did you remove the menu-break or the span tag from the menu labels? Please add them back or post the login details in the private field so that we can add it and modify the css code when necessary.
Thank you for the update.
Best regards,
IsmaelHello Ismael,
Yes we removed it and now the navigation should be different an we have new problem, The header hight = 150pixel for the logo should not be the hight of the navigation..
How can we reduce the height of the navigation to approximately the size on the image when the logo is above the navigation? Thanks in advance for your help!!
https://www.evernote.com/l/AoEzqCbjF0ZMPIvpVbIfB7g_xxhWcY7J09kHi,
Sorry for the late reply, in the first post you asked to have your menu split into two lines, but where do you want the two lined menu, on the right side of the page in the same line as the logo? Or below the logo like in your first screenshot?
Please include a mockup of what you are trying to accomplish.
In your last screenshot the menu is below the logo and full width, this can be done with one of the built-in header layouts at: Enfold > Header > Header Layout > Menu and Logo Position
called Logo left, Menu below:
Right now your menu is to the right of your logo and fits well because there are only 5 items, do you plan to add more?
I was not able to login to your site because the user is unknown, please check.
If you would like to see our documentation on our header layouts, please see here.Best regards,
MikeHello Mike,
I am sorry the login did not work. It should work now.
What we want to do, is to reduce height of the 5 menue items. There will be no more menue items added. Now the height is the same as the height of the logo. How can we for example make the coloured boxes around the wording less high?Thanks a lot in advance!
Hi,
Thank you for the feedback, I have changed your menu buttons so they are smaller, please check.
I did it by going to Enfold Theme Options > Menu > Show separators between elements and choose “small separators”
there is another option “no separators” which will add a small gap between the buttons, please give it a try to see which you like better.Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
Mike
- The topic ‘menu on two lines and the first and second line change position. How to fix.’ is closed to new replies.