tyco72

Thank you, I will keep it present. I will keep the buttons larger as possible.

Thank you! With your help I have found also how to reduce the padding around the arrows of the menu buttons with sub level. The complete code is:

/* main menu font size */
.main-navigation a {
font-size: 15px;
}
.main-navigation .main-nav ul ul li a {font-size: 15px;
}

/* main menu button padding */
.main-navigation .main-nav ul li a {
padding-left: 10px !important;
padding-right: 10px !important;
}
.dropdown-menu-toggle {
padding-right: 0px
!important;
padding-left: 4px
!important;
}

Reducing the padding helps much. When I will have added all buttons, I will keep the fonts and padding larger as possible. But surely the default settings are too big for a menu with many buttons.
What do you mean exactly about the flags by google? What problems could I have?
In the GeneratePress main menu there is no separation area (non clickable) between the buttons.

Thank you for the reply. Now I have set the size to 12px, but even using the default 15px, I find that there is still too much space between the buttons.

The site is still under construction. I have to add several more buttons to the main menu. It will be quickly full. Here there is a screenshot:
https://drive.google.com/file/d/1wKkJARKN7iiITKbwsDmrIG3q7Yb64rq8/view

• This reply was modified 4 years, 4 months ago by tyco72.

Hello. I have found it. It was “.main-navigation”. I don’t see this ID in the control panel of wordpress.
I have pointed the mouse on the menu, then right mouse click “Inspect element”. It would be useful to add this hint in the screen of the settings of the plugin.