-
Posts
-
I have a site which as a large main navigation, so to fit it all in I have added line breaks e.g. Cable<br />Managenet. This works fine and look ok. However when my client adds or amends anything in the navigation it removes all of the line breaks. We cant work out why if i do anything on the navigation and click save, the line breaks are still ther but if he does anything they all disapear. The only difference between what I am doing and what he is doing is that I am on a Mac and he uses a PC.
This is how its supposed to be : Good layout
This is how it ends up : Bad layoutAny ideas how, we can prevent the line breaks form disappearing when he edits the menu?
Many Thanks
Regards
ColinHey waveseven,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
BasilisHi,
Sorry for the late reply, I was not able to login, but perhaps you could try this css the next time the line brakes disappear. It will force the brakes after the words:span.avia-menu-text { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }Best regards,
MikeHi Mike
Thanks for your reply. I added the code above but that didn’t do the trick. The issue we have is that I can add the html code <br /> e.g. Cable<br />Management where we want the navigation line to break but If my client then amends anything on the navigation and saves it, ALL of the occurances of <br /> disappear.
Many Thanks
Regards
ColinHi,
Yes I understand what happens when the occurances of <br /> disappear, this css typically forces the brakes to occur, prehaps I targeted the wrong sector. Please include a admin login in the Private Content area so I can test.Best regards,
MikeHi,
Thank you for the login, Ok it didn’t work the way I thought it would, but adding a max-width for the top level menu items seemed to do the trick.li span.avia-menu-text { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } li.menu-item-top-level { max-width: 105px !importBest regards,
MikeHi Mike
Thanks for the update. I tried that and it almost worked, except even though I have put “max-width: 105px !important;” – on lines that break it almost setting those with a minimum width of 105px as well as a max width of 105px .
Many Thanks
Regards
Colin
- You must be logged in to reply to this topic.