[Resolved] modify the head part

[Jusung]

Hello. On this site, I have 5 main menu item, but when the screen is reduced, the structure of menu is broken. I want to put the menu item horizontally untill it becoms mobile menu.

Also, when you see the last menu item, which is 언어, there is submenu. I want to reduce the width of submenu of 언어.

[Fernando]

Hi Jusung,

You can try adding this through Appearance > Customize > Additional CSS:

.header-wrap ul#menu-main-menu {
    flex-wrap: nowrap;
    width: 70%;
    justify-content: center;
}

.header-wrap ul#menu-main-menu  > li.menu-item-has-children > .sub-menu{
    width: 100px;
}

You can replace the 100px value with your preference. This defines the sub-menu width.

[Jusung]

Thank you!

It works!

[Fernando]

You’re welcome, Jusung!

[Author]

Posts