Comments 3tsilimidoum started the conversationOctober 8, 2021 at 1:09pmHello.I would like the sumbenu items to appear on one line, instead of breaking into two. E.g. in the attachment, I would like "DOC 3D Αποσυμπίεση Σπονδυλικής Στήλης" to be displayed in one line. What are the additional css for this?Thank you. 1,844Barry repliedOctober 8, 2021 at 1:12pmHi there, Thank you for your message. Please add the following CSS to Appearance -> Customize -> Additional CSS: /* Change desktop submenu width */ @media (min-width: 992px) { .main-navigation .sub-menu { min-width: 350px; } } This will set the minimum width of the submenus to 350 pixels for desktop screens. Another option is to let the submenu width varies automatically on the length of the texts, you can add this one instead of above CSS: /* Change desktop submenu width */ @media (min-width: 992px) { .main-navigation .sub-menu { min-width: max-content; } } Hope this helps.Best regards,BarryQreativeThemes.com | Our WordPress Themes | Hire Us / Services1 Like 3tsilimidoum repliedOctober 13, 2021 at 10:58amThank you, both solutions work great!1 Like 1,844Barry repliedOctober 13, 2021 at 11:21amAwesome, you're welcome!Best regards,BarryQreativeThemes.com | Our WordPress Themes | Hire Us / Services Sign in to reply ...
Hello.
I would like the sumbenu items to appear on one line, instead of breaking into two. E.g. in the attachment, I would like "DOC 3D Αποσυμπίεση Σπονδυλικής Στήλης" to be displayed in one line. What are the additional css for this?
Thank you.
Hi there,
Thank you for your message.
Please add the following CSS to Appearance -> Customize -> Additional CSS:
/* Change desktop submenu width */ @media (min-width: 992px) { .main-navigation .sub-menu { min-width: 350px; } }This will set the minimum width of the submenus to 350 pixels for desktop screens.
Another option is to let the submenu width varies automatically on the length of the texts, you can add this one instead of above CSS:
/* Change desktop submenu width */ @media (min-width: 992px) { .main-navigation .sub-menu { min-width: max-content; } }Hope this helps.
Best regards,
Barry
QreativeThemes.com | Our WordPress Themes | Hire Us / Services
Thank you, both solutions work great!
Awesome, you're welcome!
Best regards,
Barry
QreativeThemes.com | Our WordPress Themes | Hire Us / Services