mjml icon indicating copy to clipboard operation
mjml copied to clipboard

Separator for navbars-links

Open Stelu77 opened this issue 4 months ago • 1 comments

Is your feature request related to a problem? Please describe. As a user I like to separator the links with a character like in this sample: https://mjml.io/try-it-live/7x_kTC0GCH

Describe the solution you'd like As a user I like to add the separator as a parameter to the navbar. The separator should only be added between navbar-links. If navbar breaks into two lines (e.g. by screensize) you do not like one separator to be at the begining or end of a line (try mobile preview in above sample two see the problem).

Describe alternatives you've considered As of today we add separators as mj-navbar-links by hand as in sample above.

Stelu77 avatar Sep 01 '25 13:09 Stelu77

Hi @Stelu77, dividers in mj-navbar would be a great idea but there's no way in CSS to detect when the navbar breaks onto 2 lines to remove the separator at the end of a line. This would have to be done with bespoke media queries.

DazGreerMJ avatar Oct 22 '25 15:10 DazGreerMJ