Mobile menu - Text not centering over 2 lines

Hi, on my site https://playneedsmet.com/ on the mobile menu burger, I cannot get the text to center when it takes up 2 lines. (See Building and Construction as an example).


Usually I would go in and inspect the CSS but I can’t do this on my desktop when I reduce the size as I need to interact with the menu to see the problem.

Can you help with centered the menu and sub menu items so that the text sits in center

Thank You for all your help team.

Hello @shawinglasgow,

Thanks for writing to us.

In order to center align the submenu text, I would suggest you go to the Navigation element—>Customize —> Element CSS now add this custom CSS code there.

$el ul.sub-menu li a.x-anchor{
  text-align: center;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

Absolutely awesome support , thanks Prakash. That worked perfectly. :slight_smile:

You are most welcome, Gareth. We are glad @Prakash_s was able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.