Thanks Andrew. The dropdown arrow is hidden behind the 'X' though so we can't access it. See screen shot attached. Is there a way we can have the dropdowns show all the time in mobile view?
To access the drop down the close 'X' needs to be moved. To fix this 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) body #slide-out-widget-area:not(.slide-out-from-right-hover) .slide_out_area_close { display: block; right: 1px; }
@media only screen and (max-width: 999px) and (min-width: 1px){
body #slide-out-widget-area:not(.slide-out-from-right-hover) .slide_out_area_close {
display: block;
right: 1px;
}
}
It is not possible to have submenus displayed always.
When viewing the website on a mobile device (ie phone), the dropdown portion of the menu under ABOUT is not available to be selected.
Hi John,
Try adjusting the following in Salient > Header menu
Hope this helps.
Thanks Andrew. The dropdown arrow is hidden behind the 'X' though so we can't access it. See screen shot attached. Is there a way we can have the dropdowns show all the time in mobile view?
Hi there,
To access the drop down the close 'X' needs to be moved. To fix this 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)
body #slide-out-widget-area:not(.slide-out-from-right-hover) .slide_out_area_close {
display: block;
right: 1px;
}
I hope this helps.
Kind Regards
Hello Andrew,
I see an error when I input the code. See screenshot attached.
Is there a way we can have the dropdowns show all the time in mobile view instead?
Hi there,
The code should be like below:
It is not possible to have submenus displayed always.
Thanks.
That fixed it! Thank you :)