HELP! How can I centre align items in a simple menu bar?

Hi I’m trying to centre align items inside a simple menu bar – so that my navigation items cover the entire container (not just the left hand side). Please could somebody help with this issue? I’ve tried researching CSS classes but couldn’t find anything relevant. I also tried putting this inside of a layout container however I can’t select individual icons – only the entire thing can be moved / selected. Any help is gratefully appreciated – preferably a responsive solution which scales to different screen sizes would be better.
1 answers

The simplemenubar will generate a list <ul> with listitems <li> inside.

Just at the following css to the ul: (I only added justify-content: center;)

.mx-menubar {

  1. display: flex;
  2. width: 100%;
  3. min-height: 50px;
  4. justify-content: center;