Tagged: menu
-
AuthorPosts
-
December 4, 2014 at 4:38 am #362699
Hello, First off, love the theme! Great stuff.
I want to put subtitles under my menu items. They would be part of the ‘button’ but be slightly different in appearance. See the image below. We aren’t doing drop downs anymore and I’d rather not use a third party menu because I really like the look and functionality of the built in one. Is it possible to write a css script that would display the ‘description’ tag under the menu item? Does that make sense?
Thanks!
December 4, 2014 at 4:40 am #362700Sorry, seems the image didn’t display, it’s from dropbox so that might be it. Here’s the link. https://www.dropbox.com/s/wejqygjva0ghdhe/Screenshot%202014-12-03%2020.22.14.png?dl=0
December 4, 2014 at 10:04 pm #363265Hi!
The easiest way to do this is to click on the dropdown when editing your menu links in Dashboard > Appearance > Menus and then for the navigation label change it to something like this.
First line<span>Second line</span>
And then you can style it with this CSS.
.avia-menu-text > span { color: red; left: 10px; position: absolute; top: 10px; }
Cheers!
ElliottDecember 4, 2014 at 11:08 pm #363302Awesome!
I did that, but there are two issues. First, there is a huge amount of space in-between the lines. Second, if you scroll and the menu goes from clear background to the white the menu items change color but the second line stays the same and if it’s white text and a white background they disappear. See screenshots below of what it looks like, and what I put where.
Thanks again!
https://www.dropbox.com/s/hd6bugkko26vcup/Screenshot%202014-12-04%2016.05.19.png?dl=0
https://www.dropbox.com/s/dmgzrnr6aqt6wms/Screenshot%202014-12-04%2016.05.30.png?dl=0
https://www.dropbox.com/s/keyhc98bv7fuggp/Screenshot%202014-12-04%2016.05.43.png?dl=0December 5, 2014 at 9:01 am #363455Hi!
Thank you for the screenshots. You can try this: https://kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/#post-283385
Cheers!
IsmaelDecember 5, 2014 at 6:45 pm #363743That still didn’t work. Can you guys recommend a third part menu plugin that will allow me to either display the descriptions or do a subtitle of the menu items?
December 6, 2014 at 2:13 am #363982Hi!
Walker attribute is disabled by default and is only available for left or right header. You can refer to this link on how to enable the walker menu attribute when top header is enabled: https://kriesi.at/support/topic/display-menu-description-text-in-main-nav-menu/#post-353714
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.