Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2835600
Dropdown Menu too high
Closed

Comments

  • Kochkunststuecke started the conversation
    July 27, 2021 at 4:21pm

    Hi there,

    we have a long dropdown menu, this is not fully showing on smaller screens. Can you add a scrollbar or break it in two columns if the height is not enough?

    Thank you

  •  2,614
    PenciDesign replied
    July 27, 2021 at 4:34pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    @media only screen and (max-width: 767px) {
    #navigation .menu .sub-menu,
        #navigation .menu .children {
            overflow: hidden;
            max-height: 300px;
            overflow-y: scroll;
        }
    }
    This code only applies to the small screen. Change 300px to your custom height of the sub-menu.

    Regards,
    PenciDesign.


  • Kochkunststuecke replied
    July 27, 2021 at 5:35pm

    Thank you, I changed it to this and it worked very well:


    @media only screen and (max-height: 900px) {
        #navigation .menu .sub-menu,
        #navigation .menu .children {
            overflow: hidden;
            max-height: 600px;
            overflow-y: scroll;
        }
    }

    @media only screen and (max-height: 600px) {
        #navigation .menu .sub-menu,
        #navigation .menu .children {
            overflow: hidden;
            max-height: 300px;
            overflow-y: scroll;
        }
    }