Agency Template Mobile Menu not displaying

[isdg01]

Hello,

Working with the Agency Template and adjusting screen sizes to see how everything is working and I noticed that in the smaller sizes, the mobile menu does not show at all. I have reviewed several items in the forum but have not identified anything helpful. I have updated to most recent versions of X, Cornerstone, and WP.

Any help would be appreciated,
Dawn

[jade]

Hi Dawn,

Please add this code in the Global CSS:

.x-btn-navbar, .x-btn-navbar.collapsed, 
.x-btn-navbar.collapsed:hover, .x-btn-navbar:hover {
    color: #000;
    font-size: 40px;
    margin-top: 30px;
}

Hope this helps.

[isdg01]

Unfortunately, that didn’t seem to do anything… it’s still not showing.

[mldarshana]

Hi There @isdg01

The code provided by @Jade is correct and it should work. It seems that you have CSS errors on your existing custom CSS rules that you have added, so that newly added CSS rules will not be parse correctly.

Please copy all of your custom CSS rules added to X -> Theme Options -> CSS into an online tool like CSS Lint (http://csslint.net/) and correct your errors so that it will parse correctly.

Hope that helps.

[isdg01]

Found it! Thanks for pointing me in the right direction!
It’s working now.

[mldarshana]

Glad we were able to help