How to fix my header size?

Hi,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (min-width: 1025px) {
  .main-header .menu-col {
    width: 100%;
  }
}

Hope that helps.

Hi Kharis, thanks for the CSS code.
But now the yellow parts are shown 2 lines.
Attached photos below.
【header1】
https://photos.app.goo.gl/dkWnZEU3sfQWas1y5
I want the header to be displayed in one line on any devices, like this.
【header2】
https://photos.app.goo.gl/o93UgTHu9TxSduKM9

Is it possible by adding some CSS codes?
Thank.

Hi, tried to add the css code which you provided but the header is still over 2 lines.
Could you please help me further?
【header3】
https://photos.app.goo.gl/mazeHYgx5pqEjsFt6

Regards,

Hi,

It looks like each menu item consumes to much spaces, that are shared with the logo and additional content in the single row. I’d recommend adding additional row for your main menu only. If not, you’ll still getting this problem on narrower screens like tablet.

Thank you for your support!
Regards,