Change the size of header mega menu icon awesome font

Hello,

I would like to change the size of the icon awesome font that is located in my header in the mega menu. The icon name is: fas fa-user. Is there a css that would be able to do what I am asking? Thanks

Attachments:

You must be logged in to view attached files.

Also, I would like to re-position the icon so that its actually in the middle of the text menu if possible (up in height position: y value: +3px)

Hello,

Please add the icon to the header to check it myself and help you out accordingly.

Best Regards

What do you mean? The icon is added to the header! I Please see following link: https://chapechape.com/test-page/

The icon is in the top left corner before: ” Hello, login/register” as shown in the screenshot above

Hello,

Please try adding the following Custom CSS for that.

.menu-item .fa-user:before {
font-size: 22px;
}

Best Regards

Perfect that works. And to change the colour to white for example?

Actually, change that whole menu (icon and what follows) to white.

Hello,

Please replace the previous Custom CSS with the following then check back.

.menu-item .fa-user:before {
font-size: 22px;
color: white;
}

Best Regards

Awesome, thanks. You can now close this topic!

Hello,

You are Most Welcome.

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts