[Resolved] Help with mobile menu

[Craig]

Hello,

Website: https://icancounttofour.com/

The mobile menu had been showing a white background for the submenu items, which made a big white box the same color as the text. I changed the submenu background color via CSS to the background color. Now, submenu items are visible, but there are thick lines between the submenu items. Can these lines be removed?

Thanks for your help!
Craig

[Fernando]

Hi Craig,

Yes, they can be removed. The lines are coming from the Background color of the Sub Menu ul.

Can you go to Appearance > Customize > Colors > Off Canvas Panel, and change the Sub-menu Background color?

Make the color similar to the Off Canvas Panel Background color so that the lines disappear.

Let us know how it goes.

[Craig]

Thank you. The lines are now removed, and the text is readable. One other question. I see a faint rectangular border outline around all of the mobile menu items. Is this faint border also removable?

[Fernando]

Yes, it is. How are you currently adding custom CSS to your site? Is it through a Hook Element?

The code that’s adding this line is this:

.slideout-menu li {border: 1px solid #6E6B6B;}

You’ll need to remove this custom code to remove the faint lines.

[Craig]

Thank you! Everything’s fixed.

[Fernando]

You’re welcome Craig!

[Author]

Posts