Archived topic
modify the head part
3 replies · Started by Jusung on February 7, 2023
Viewing posts 1–4 of 4
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 언어.
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.
Thank you!
It works!
You're welcome, Jusung!
This archived topic is closed to new replies.