-
Posts
-
the menu item Pranayamalehrer Ausbildung is very long. Would be good to have it break over 2 lines. Please send code how this can be done and how I can adjust the spacing and the line height of the individual items.
Hey ausgesonnen,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#menu-item-96 a .avia-menu-text { white-space: normal; word-wrap: break-word; display: block; width: 150px; text-align: right; line-height: 15px; }Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
adjust to suit
Best regards,
MikeHi,
I’m not sure that I understand your intentions, please try to explain what you are looking to achieve a bit further or post a screenshot highlighting what you would like to achieve.
Best regards,
Rikardhttps://www.imghippo.com/i/Xvvo5048dCQ.png
This is the problem. The spacing between the items is not even anymore. Why is that? How can I adjust them.Hi,
This is coming from your child theme:
.main_menu ul:first-child > li a { height: inherit !important; line-height: inherit !important; }Try setting a fixed value instead.
Best regards,
RikardOk, I tried this.
.main_menu ul:first-child > li a {
height: 100px; /* Adjust as needed */
line-height: 100px;
}still the same problem.
Hi,
The code that I pasted above is still applying on your site. Please keep the changes you make active on the site, so that we can check why they are not applying.
Best regards,
RikardI don’T understand what you mean. Shall i delete something? Add something? change something? Please be very specific.
Hi,
The menu item “Pranayamalehrer Ausbildung” is very long, to break it into two lines I gave you this css#menu-item-96 a .avia-menu-text { white-space: normal; word-wrap: break-word; display: block; width: 150px; text-align: right; line-height: 18px; }
the line in the cssline-height: 18px;brings the two lines in the single menu item closer together so your visitor will know it is one item.
If you don’t like this then remove this line from the css:
but it may look like two separate menu items and be confusing, or you can adjust the number to suit.Best regards,
MikeThe problem is another. Please look closely at these 2 pictures. Picture 1 is how it is at the moment. Picture 2 is what I want to achieve.
The lines heights to the item above or below differ between the normal lines and the lines where the text breaks over 2 lines. Do you see what I mean? I want the distance between Start and Pranayama to be the same as between Integraler Ansatz und Pranayamalehrer Ausbildung.
Thank you
Zunächst sieh es dir jetzt nach meinen Veränderungen an den Headerbereich betreffend.
Aber du hebelst ja selbst mittels der “Engführung” des menu-items 96 die Gleichmäßigkeit aus:
#menu-item-96 a .avia-menu-text { line-height: 18px; }die Äquidistanz ist ja da wenn du die Einstellungen zurücknimmst.
man könnte es erzwingen … indem du die fehlenden 9px / jetzt 5px ( der line-height – jetzt 20px ) oben und unten dazu gibst:
#menu-item-96 a .avia-menu-text { white-space: normal; word-wrap: break-word; display: block; width: 150px; text-align: right; line-height: 20px; padding: 5px 0; }Also allgemein line-height 30px – hier dann diesem Menüpunkt die 20px + 2x5px open /unten
PS: ich habe es mal reingesetzt. Dann siehst Du wie es sich verhält.
Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Menu item to break over 2 lines’ is closed to new replies.