Spacing of text menu items in header

I have some text links in my header.

Some of the wording in the menu items is longer than others, so to keep spacing between the links the same, I have changed the px width of the longer-text elements, judging it by eye.

Is it possible, instead, to make the element’s right and left sides automatically squish up against the ends of the text, and then to add padding or margins on right and left?

This would mean spacing between text menu items could be precise easily, and there’d be no chance of the text flowing onto a second line.

Yes, easy peasy with the new layout engine. Is your page using the legacy layout engine?

I’m converting pages to Responsive.

Well, the basic approach would be that the group’s Container layout would be set to Row with gap spacing enabled, and the text elements would be configured with Fit width to content.

1 Like

That works a treat, thanks @sudsy

1 Like