Tagged: menu size, menu-item, navigation
-
AuthorPosts
-
February 10, 2017 at 5:17 pm #745504
Hey guys
The “III” in Unternehmenssteuerreform III falls down to the next line; it doesn’t look nice:
I suppose I have to edit the menu item sizes, how can I do taht? All the CSS Codes for both the navigation bar and the side menu should be in the custom css but I find it quite confusing and don’t know where to edit.
Could you please have a look.Thanks a lot.
Regards,
AlineFebruary 14, 2017 at 4:58 pm #746983Hey Aline,
use this code inside Quick CSS field:
ul.sub-menu { width: 120%; } #cssmenu ul ul li a { width: 220px; }
and adjust as needed.
Best regards,
Andy- This reply was modified 7 years, 10 months ago by Andy.
February 17, 2017 at 12:40 pm #748366Thanks Andy,
I think this changed the other menu item sizes:
How can we edit those?
Thanks and regards
AlineFebruary 20, 2017 at 1:33 pm #749319Hi,
I can’t see any issues on the screenshot you’ve provided. I had a typo on my last code, so I edited it now, maybe this will help you.
Otherwise please make things clear for us and show us exactly which result you want to achieve.Best regards,
AndyMarch 3, 2017 at 12:52 pm #755012Hey,
The hyphenation is not correct. The fields need to be bigger as shown in screenshot below:
E.g. the first word “Immobilienbewirtschaftung” needs to fit on one line everywhere without getting separated.
We have various sub and sub-submenus so I’d like to know the css code for them.
Thanks you and kind regards
AlineMarch 3, 2017 at 6:38 pm #755257Hi,
I already provided to you the css code you need to make your submenu’s width bigger:
ul.sub-menu { width: 122%; }
Adjust it as needed, then it should look like on my screenshot: http://i.imgur.com/jqxSWGN.png
Best regards,
AndyMarch 6, 2017 at 9:57 am #756268Hey,
The problem is, we have several submenus and basically the size should not be the same everywhere because the titles are not always the same length of course, that is why I asked again. I have used the your code but as you can see “Bautreuhand / -management” is still not on one line, even when I tried adjusting it and making it bigger. And in the screenshot below the fields are much bigger.
The other problem is that the hovering looks weird on the left side. Actually we are going for the look on the right, where only the text itself is hovered, not the whole field.
Could you please have a look at our simple custom css, our programer has inserted all codes for the menu there but I have too little knowledge to know which ones I have to edit.
Thanks a lot for your help.
Kind regards,
AlineMarch 7, 2017 at 6:35 pm #757175Hi,
you could use menu item ID, for example:
#menu-item-6636 a { width: 220px !important; }
Adjust as needed.
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.