Sub-menus only working on home page

Site: (

I have added the following code to my CSS to keep the sub-menus expanded all the time on mobile devices only.

CSS Code:
@media (max-width: 979px){
ul.sub-menu {
display:block !important;
visibility:visible !important;
@media (max-width: 979px){ {
display:none !important;
visibility:visible !important;
.x-navbar .desktop .x-nav li > a > span::after {
content: “”!important;
.x-sub-toggle > span {
font-size: 0px!important;
.x-navbar .desktop .x-nav > li ul {
top: 76px!important;
.desktop .sub-menu {
border-top-left-radius: 0px!important;
border-top-right-radius: 0px!important;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
font-size: 14px!important;
font-weight: 400!important;
.x-navbar .mobile .x-nav li > a {
font-size: 14px;
line-height: 1.0!important;
white-space: normal;

Just to be clear - my goal is to have the sub-menus expanded all the time on mobile devices only & for them to function as normal on all non-mobile devices across all pages.

Please advises…
Thank you,
Keith Lucas

Hello There,

Thanks for providing the information.I have logged and did a some investigation. I found out that in most inside pages, you have assign a menu ( I would remind you that you have assign a menu to the inside pages which doesn’t have a sub menu ( Please make sure that you are assigning the correct menu and make sure that you have a clear idea of how the assigning of menu works. If you were trying to set up one page navigation for the homepage or any specific page, please check this out:

Hope this helps. Kindly let us know.

Thank you! All fixed , sorry to bother you…

Hi @i35677,

Happy to hear that.

Feel free to ask us again.

Thanks. :slight_smile: