Page 1 of 1

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

Posted: Mon Oct 09, 2023 2:12 am
by ashrafakader
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"

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

Posted: Mon Oct 09, 2023 3:46 pm
by Edi
Where? https://prize-sci.org uses another theme.

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

Posted: Mon Oct 09, 2023 4:17 pm
by ashrafakader
I applied the theme that has the problem per your request.
Thanks.

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

Posted: Mon Oct 09, 2023 6:06 pm
by Edi
Add the following CSS rule (with the plugin HTML Code):

Code: Select all

#nav ul.links li a {
   white-space: nowrap;
}

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

Posted: Thu Oct 12, 2023 8:11 pm
by ashrafakader
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?

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

Posted: Thu Oct 12, 2023 10:51 pm
by Edi
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.

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

Posted: Mon Nov 27, 2023 6:48 pm
by Romeo21
Thanks for the information.