Font Awesome style in mobile menu

Posted in: Newspaper
Post count: 89
tw144
#432884
Feb 16, 2022 at 10:23 pm

I have set up my Font Awesome successfully in the main menu by changing the color like this:

.fa-home {
color: #000000
}
.fa-home:hover {
color: #266fef;
}

This custom CSS works well for the main menu. However, it does NOT work for the mobile menu.

Question: How do I apply these changes to the mobile menu?

Post count: 27744
Anamaria
#432924
Feb 17, 2022 at 9:16 am

Hello,

Please provide the link to your website.
Normally the code should work, also, for mobile.

Thank you!

Post count: 89
tw144
#432950
Feb 17, 2022 at 12:41 pm

Sorry, my question was not clear. I mean how can I change the look of the icon for the mobile menu only? The mobile menu has a dark brackground and therefore black is not a good choice. I want to make it white for mobile menu only, and also increase the size.

This is my website:
http://new.himmlisches-jerusalem.de

Post count: 21065
Bettina
#432968
Feb 17, 2022 at 2:35 pm

Hello @tw144!

Try to add this CSS code in Newspaper -> Theme panel -> Custom code -> Custom CSS:

.td-mobile-content .fa {color: white!important;font-size: 26px;}

Thank you!

Post count: 89
tw144
#432973
Feb 17, 2022 at 3:22 pm

Perfect, that worked! Thanks.

Post count: 21065
Bettina
#432998
Feb 18, 2022 at 8:40 am

Hello @tw144!

I’m glad that I could help you!
Let me know if you need further assistance.

Have a wonderful day!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.