Menu not aligned

[Tester23]

Hi, can anyone help with the menu items below? They were aligned in one row, and then one day, they appeared like this. 

[mrashid]

@Tester23 store url?

[Tester23]

www.firebox.net.au

[mrashid]

@Tester23 open file base.css and search .header--bottom-menu .header__bottom-inner
and update with below code 

    .header--bottom-menu .header__bottom-inner {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 1.6rem;
    }

 or another method paste below code in base.css at the end 

  .header--bottom-menu .header__bottom-inner {
        align-items: baseline !important;
    }

[dmwwebartisan]

@Tester23 

As per your screenshot. It seems that you have added so many items in menu so therefore it doesn't fit in one line and it wraps the text to the next line.

If you have many menu items so my suggestion that you can use hamburger menu ( 3 lines like mobile) for desktop too. So it can solve your issue.