Menu not appearing on mobile

[anitaswebdesign]

Hi,

I’ve create a website for my client several years ago and we never could figure out why the mobile menu is not appearing. Now that people are viewing the website on the mobile more frequently, we need the menu to appear.

The website is https://careercompasscanada.com

Thank you

[marc_a]

Hi @anitaswebdesign,

Thanks for reaching out.

The reason why the mobile menu is not showing up because you set the icon to font-size: 0. Please remove that custom CSS in your X > Theme Options > CSS and after removing the custom CSS, the menu will now show up.

Hope that helps and let us know how it goes.

Thank you.

[anitaswebdesign]

That worked, thank you!

One more quick question, in the drop down menu in the mobile menu, the background is transparent, I’ve tried modifying a few pieces of code but can’t find the correct one, to change the background to white. There is the main drop down and some items have another drop down.

Thank you

[marc_a]

Hi @anitaswebdesign,

To change the transparent background menu in the mobile to white, just add this code.

.x-navbar .mobile .x-nav {
     background-color: #ffffff;
} 

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[anitaswebdesign]

I appreciate what you’re saying about custom CSS. Thank you for your help today!

[marc_a]

Hi @anitaswebdesign,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.