Sydney Drop Down – Multiple Columns?

  • Chris Mclaughlin

    (@civicninja94)


    2 years, 1 month ago

    Hi guys,

    Is there a way in which I can split the sydney sub menu into 2 columns, giving it a mega menu sort of layout?

    Tried dabbling with plugins but I’d rather keep the styling in place and use additional css if possible?

    Tia

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Kharis Sulistiyono

    (@kharisblank)

    2 years ago

    Hi @civicninja94,

    The theme currently doesn’t have a mega-menu-like feature. However, you may add this CSS code to make the submenus into two columns.

    @media (min-width: 1025px) {
    
    .bottom-header-row #mainnav ul ul.sub-menu li:first-of-type, 
    .main-header #mainnav ul ul.sub-menu li:first-of-type {
        padding-top: 5px;
    }

    .bottom-header-row #mainnav ul li ul.sub-menu, 
    .main-header #mainnav ul li ul.sub-menu {
        width: 510px !important;
        background-color: #000000;
    }

    .main-header #mainnav ul li ul.sub-menu li {
        max-width: 50%;
        width: auto !important;
        float: left !important;
    }
    
}
    Thread Starter Chris Mclaughlin

    (@civicninja94)

    2 years ago

    Thanks for that! How would I go about editing the font size after this code? As currently it wont let me?

    Kharis Sulistiyono

    (@kharisblank)

    2 years ago

    Hi @civicninja94,

    Sorry for the delay.

    Upon checking, looks likely you have changed the submenu font size. Let me know if you still need help with it.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Sydney Drop Down – Multiple Columns?’ is closed to new replies.