Hi Tom,

No there is no option for that.
There is a page submenu element but that will not provide a dropdown.

Cheers.

Hello There,

Do you have a website with a similar feature of the toggle panel so that we can get a better understand of the feature you are asking for.

Thanks.

Hey Again,

Try using the SubMenu Page Element instead of the toggles and check.

Thanks 

Hi there,

No it does not expand of collapse. Please use it to see it limitations.

Also try the accordion element as it expands  to expose a panel where you can add your own links.
Thats the closest workaround we can think of with the example here https://www.infosecpartners.com/managed-security-services

Cheers.

Hi Tom,

The workaround we suggested earlier, have you tried it. Its the toggle panel element not the accordion element. Sorry about that. 

Add that to the page, then add wp custom menu element to it and set the menu you want to show on the panel. 

Its should show up on your page as a long bar you can click and then it reveals the menu underneath similar to the example link you provided.

Could you please try it as its a really good workaround and CSS only will not work on the submenu element.

Thanks.

Hello There,

You can Say What plugin to translate as shown below:

Thanks.

Hi There,

Please set the drop down as shown below:

Please let me know whether I missed something.

Thanks.

Hi there,

To get the submenu element to show as a dropdown always then use this CSS:

.page-submenu li{
    display:block !important;
}

It will add more vertical space at the top and its best you let the submenu wrap itself horizontally at the top. 

Another option maybe you can look into is the full screen rows shown here https://themenectar.com/docs/salient/page-metaboxes/#fullscreenrows just a suggestion.

Cheers.

Hi There,

I am afraid this is not possible with the page submenu element.

Thanks.

Hi there,

Its hard wired into the CSS and its not something that can be easily changed up.
Its uses media queries for most of the common screen sizes \ widths.

Cheers.

Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

.page-submenu .mobile-menu-link {
    display: inline-block
}
.page-submenu ul {
    position: absolute;
    top: 48px;
    left: 0;
    width: 101%;
    display: none;
    z-index: 1000;
}
.page-submenu[data-alignment=left],.page-submenu[data-alignment=right] {
    text-align: center
}
#boxed .page-submenu ul {
    width: 100%
}
#ajax-content-wrap .page-submenu ul li {
    display: block;
    margin: 0
}
.page-submenu .full-width-content {
    position: relative
}
.page-submenu ul li a {
    border-top: 1px solid rgba(255,255,255,.2);
    padding: 10px 20px
}
.page-submenu[data-bg-color="#ffffff"] ul li a {
    border-top: 1px solid rgba(0,0,0,.08)
}
.page-submenu ul[style*="none"] {
    display: none !important;
    height: auto!important;
}

Thanks

Hi There,

Please try this css:

.page-submenu ul[style*="none"] {
    display: none !important;
}

Thanks.

Hi There,

Please send in your admin login credentials so that we can check this out further.

Thanks.

Add this CSS in addition to the CSS earlier provided by me.

.page-submenu ul{
    display: none !important;
}
.page-submenu ul[style*="block"] {
    display: block !important;
}

Thanks