Skip to content
Public Ticket #32570

submenu 2 columns

Conversation thread

ayoubiqiouch replied

Customer Reply

it's done

Thank you for helping

PenciDesign replied

Staff Reply

Hi,

Thank you, we're fine.

To do that, please try do following steps:

1/ Go to Appearance > Menus > add "CSS Classes" for menu item "Phones" - like on this image:

pmega-2col

2/ Add more this code to Customize > Custom CSS:

#navigation .menu li.pmega-2col > .sub-menu {
    width: 350px;
}
#navigation .menu li.pmega-2col > .sub-menu > li > a {
    float: left;
    min-width: 135px;
}
#navigation .menu li.pmega-2col > .sub-menu:after {
    content: "";
    position: absolute;
    left: 50%;
    border-right: 1px solid #dedede;
    display: block;
    width: 0;
    height: 100%;
    top: 0;
}

Hope this helps,

Best Regards,

PenciDesign

ayoubiqiouch started the conversation

Conversation Start

Hello how are you

How can I modify the submenu shape as shown in the illustration
Thanks in advance

Want to join this conversation or access attachments? Sign in first.