Want to add one more menu item in menu, it is going to the next line and the whole alignment looks funny.

Hi there!

Thanks for reaching out to us.

This is happening because of the menu column then cannot fit in the defined space. There is a huge padding among menu items.

https://prnt.sc/jxxyzVLwYg7_

You can simply lower the padding value as per your need to get a better view even when you need to add more menu items there.

Here is sample code that you need to put in the custom CSS:

#sp-header.header-with-modal-menu .menu li:not(:last-child) {
    padding-right: 20px;
}

Here is all about custom code placement in Helix Ultimate framework: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards