[Support request] Creating a side by side layout (sub-menu)

Home Forums Support Creating a side by side layout (sub-menu)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #904316
    Kevin

    I have a lot of reviews on my website, Mattressdealsonline.com

    If you notice the “Mattress” page in the menu, when it opens all of my results drop straight down. Since there is over 20 results, it doesn’t show them all.

    How would I change the layout where the drop down appears in more than one column, side by side?

    I appreciate everyones help!

    #904491
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    @media (min-width: 768px) {
        .main-navigation ul li:first-child ul {
            column-count: 2;
            width: 600px !important;
        }
        .main-navigation ul ul li {
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid;
        }
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.