2 or 3 column menu (lots of menu items)?

  • I may go a different route with this.. but how can I make my sub-menu have 2 or 3 columns? Right now it obviously is not ideal going from the top to the bottom of the screen in 1 column

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The easiest solution would be not to restrict the columns.

    In the “Additional CSS” section of the dashboard add this:

    
@media screen and (min-width: 768px) {
    .main-navigation li {
        position: static;
    }

    .main-navigation ul li:hover > ul, 
    .main-navigation ul li.focus > ul {
        width: 100%;
    }

    .main-navigation ul li:hover > ul:before, 
    .main-navigation ul li.focus > ul:before {
        content: '';
        height: 20px;
        left: 0;
        position: absolute;
        top: -20px;
        width: 100%;
    }

    .main-navigation li li {
        display: inline-block;
    }
}

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    • This reply was modified 6 years, 10 months ago by Andrew Nevins.
    • This reply was modified 6 years, 10 months ago by Andrew Nevins.
Viewing 1 replies (of 1 total)
  • The topic ‘2 or 3 column menu (lots of menu items)?’ is closed to new replies.