Navigation Collapsed. Center mobile menu items

[oriol]

Hi there, how would I center the menu items here?

[prakash_s]

Hello @oriol,

Thanks for writing to us.

I would suggest you go to the Header bar—>Container —>Flexbox–>Click on the Horizontal —>Set it as “Center” for small devices.

Now go to the Navigation collapsed element —>Top link —>click on the Max width and set the width for the small device.

You need to set the flexbox as a center for the small devices

Hope it helps
Thanks

[oriol]

Thanks, yeah, I have it all setup like you have, but the text is not centered in the buttons:

[tristup]

Hi @oriol,

In that case, we need to investigate the settings made on the elements. I would suggest you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[oriol]

See secure note

[prakash_s]

Hello @oriol,

Thanks for sharing the login details I went ahead and cloned your Header bar and aligned the menu item in the center. Please have a look at the settings of the element. Please note I have kept the cloned Header bar in hidden mode you need to go to the Header bar—>customize and unhide it from the breakpoint.

Hope it helps
Thanks

[oriol]

Perfect, thank you so much

[prakash_s]

You are most welcome @oriol

[oriol]

Actually, sorry, its not centered on the larger screens, how did you center it so I can apply to the larger screens:

[ruenel]

Hey @Oriol,

The left margin of the Text in the Top Links tab should be set to auto:

Best Regards.

[oriol]

That did the trick. Thanks.

[tristup]

Hi @Oriol,

Glad that we are able to help you.

Thanks