Hi I have created a more complex menu to use as my mobile menu only an have activated it in the widgets section. I now have two menus of canvas. One is styled correctly as per my settings in salient, the other is ugy. I have 3 issues
1) I have two menus and only need 1
2) The menu I want is unstyled ( ie its not picking up the off canvas menu styling from salient 3) I have a menu off canvas that has sub items but they are not appearing as sub items at all. instead they are all listed.
1) I don't want to use my standard neavigation I need the more complex navigation for the mobile menu. The standard one doesn't have as many sections so I created a different menu to use for the mobile menu. But the only place I can find to engage this is by using the off canvas menu widget... can't find anywhere else to select a different menu for mobile views.
2) I HAVE styled it in the typography section and it Is being picked up by the standard top navigation menu but not mby my other menu... the one I want
Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) {
.off-canvas-menu-container.mobile-only {
display: none !important;
}
}
Hi I have created a more complex menu to use as my mobile menu only an have activated it in the widgets section. I now have two menus of canvas. One is styled correctly as per my settings in salient, the other is ugy. I have 3 issues
1) I have two menus and only need 1
2) The menu I want is unstyled ( ie its not picking up the off canvas menu styling from salient
3) I have a menu off canvas that has sub items but they are not appearing as sub items at all. instead they are all listed.
https://staging.selectwellness.com.au/Services/case-study-atlassian-glws/
I have managed to get it looking a little better but the sub items don't toggle...
And I still have 2 menus...
Hey Again,
1. You need to remove the Menu Widget in the Off Canvas Menu Section as it will only show as a list.
2. You can style the Mobile Menu using the Typography Section in Salient Theme Options Panel .
Best
ThemeNectar Support Team
1) I don't want to use my standard neavigation I need the more complex navigation for the mobile menu. The standard one doesn't have as many sections so I created a different menu to use for the mobile menu. But the only place I can find to engage this is by using the off canvas menu widget... can't find anywhere else to select a different menu for mobile views.
2) I HAVE styled it in the typography section and it Is being picked up by the standard top navigation menu but not mby my other menu... the one I want
The Menu I WANT to show is the one that's set up in the off canvas menu widget
I have managed to style it with this CSS
#slide-out-widget-area .widget.widget_nav_menu li a {
padding: 6px 20px;
display: block;
text-transform: uppercase;
font-weight: 600;
font-family: Source Sans Pro;
letter-spacing: 0.5px;
font-size: 14px;
}
Just need to know how NOT TO SHOW the Top Navigation menu in here as well
Please help...
Hey Again,
Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) { .off-canvas-menu-container.mobile-only { display: none !important; } }Thanks
ThemeNectar Support Team
Thankyou thats great