-
Posts
-
How would one achieve a head/subhead-style navbar? I was hoping maybe the Title Attribute option might have done it, but otherwise, I am not sure how to make it work. Are there any known solutions to this?
To clarify, what I am asking for is a main navbar item that has a subhead directly below, which is selectable in css, so it can be stylized independently. This would allow for main text that is large, but smaller text that could be more descriptive.
I am assuming you mean the primary navigation. If so, yes, top. We will utilize side navigation for sub-sections of the site, but that does not need to have the the styles applied.
Hi,
You can set the sub-text from the main menu section. Then add the following to quick css:
#avia-menu > li > a:after { content: attr(title); position: absolute; }You may need to add further css to properly style them.
Best regards,
Jordan ShannonOne thing I notice is that the justification being left, makes it hard to backspace the subhead text to the correct position. Have you found any ways to get those edges even, so they are consistent throughout an entire navbar when the items are not all exactly the same length?
Yes, you can see this at the following url in the private content area.
I manually positioned the text to try to move it back left under the primary navbar item.
#avia-menu > li > a:after {
content: attr(title);
position: absolute;
top: 15px;
left: 12px;
color: #00add8;
font-size: .75em
}Hi,
Apologies, I’m having trouble understanding the exact need. Do you want the subtext centered, or you want it left aligned?
Best regards,
Jordan ShannonUnderstood completely. Sorry, probably way more confusing than it needs to be. I was hoping for it to be centered under each primary item, but when I was not able to get that to work with css, I figured I would try to justify it left. At that point, I then realized since every item is a different length, it was not going to line up on the left edges.
Does that help, or further confuse?! Maybe I will try to mock it up later on today or tonight.
- You must be logged in to reply to this topic.