Okay
  Public Ticket #2890316
Submenu css
Closed

Comments

  •  3
    tsilimidoum started the conversation
    October 8, 2021 at 1:09pm

    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.

    6258921456.png
  •  1,715
    Barry replied
    October 8, 2021 at 1:12pm

    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  |  WordPress Themes

  •  3
    tsilimidoum replied
    October 13, 2021 at 10:58am

    Thank you, both solutions work great!

  •  1,715
    Barry replied
    October 13, 2021 at 11:21am

    Awesome, you're welcome!smile.png

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes