How to edit the navigation menu? (Unshorteing buttons` title/Massively)

Post Reply
ashrafakader
Sr. Bludit
Posts: 40
Joined: Tue Sep 05, 2023 1:33 pm
Has thanked: 9 times

Hello,
Most text of menu buttons disappears if long.. some kind of shortening.. How can I disable it so that the full long name shows correctly? (I don`t mind it getting wrapped inside its icon).
How can I change it so that the text shows correctly?
"I can apply CSS instructions, if any"
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Where? https://prize-sci.org uses another theme.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
ashrafakader
Sr. Bludit
Posts: 40
Joined: Tue Sep 05, 2023 1:33 pm
Has thanked: 9 times

I applied the theme that has the problem per your request.
Thanks.
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Add the following CSS rule (with the plugin HTML Code):

Code: Select all

#nav ul.links li a {
   white-space: nowrap;
}
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
ashrafakader
Sr. Bludit
Posts: 40
Joined: Tue Sep 05, 2023 1:33 pm
Has thanked: 9 times

Thank you, but the code doesn`t work.
However, if the screen is small (for example, when I open Developer Tools in Edge), the menu gets horizontal and the titles are fully shown.

Can I force the nav menu to be always horizontal?
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

ashrafakader wrote: Thu Oct 12, 2023 8:11 pm Thank you, but the code doesn`t work.
Where have you added the code?
Can I force the nav menu to be always horizontal?
You can modify the media queries.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
Romeo21
Ssr. Bludit
Posts: 10
Joined: Fri Nov 25, 2022 7:00 pm
Been thanked: 3 times

Thanks for the information.
Post Reply