Okay
  Public Ticket #2890316
Submenu css
Closed

Comments

  •  3
    tsilimidoum started the conversation

    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,611
    Barry replied

    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

    Thank you, both solutions work great!

  •  1,611
    Barry replied

    Awesome, you're welcome!smile.png

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes