How to Make Header with Related Image?

Hi there,

You can try something like this:
https://docs.generatepress.com/article/adding-icons-to-menu-items/

Or this as well:
https://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/

Thank you, I'll try it. However, there are any options to make a small line under the heading such as. Please check the file.

https://drive.google.com/file/d/1HMIr1O01qzlHC66ytjkAmE-jgmq7l9b1/view

Hi Rahul,

To clarify, you want a line underneath the Header?

If so, you can try adding this CSS for your site:

nav#site-navigation {
    border-bottom: 1px solid black;
}

Thank you, everything works for me. However, I don't want underline only for Navigation. Could you say, how can I manage it? Thank you and check the site.

Hi there,

The CSS that Elvin provided will give you the result you showed in this image:

https://drive.google.com/file/d/1HMIr1O01qzlHC66ytjkAmE-jgmq7l9b1/view

If that is incorrect - can you explain what underline you do want?

Hi, thank you! But actually, I'm talking about my site. How can I remove the underline from the Navigation (Only Navigation, other parts should be ok)

I don't see the link underline on your site ?

https://www.screencast.com/t/nbJnVN9gDJeK

Thank you for your quick reply! I have cleared my browser cookies and it's showing on my side, I tried different browsers and it's showing. What thing should I do?

Hi there,

I'm not seeing an underline either (even in incognito mode). Maybe you have a caching plugin or server caching that is keeping it from showing for us?

Hello there, I hope you're spending a great time with your family this Christmas! However, I've reseted my browser, deleted cookies, and used different Computers with Chrome browser but everywhere the result is the same. It shows underline under the menu. Would you send me any CSS with that I can solve it, (Because I'll add Icon with the menu) but other links will be the same as before.

Please, check the files. Thank you!

Thank you and season greetings to you.

We still can't see the underline links - i did a quick screen video across several links:

https://www.screencast.com/t/MguIdd7Zf

Hello there, you're always helpful! However, I think there is a mistake between both of us! I've requested to my writer for a screenshot who is based in Kenya and I've contacted my Hosting company WPX they're the biggest company based in the USA but still, they see the same as I see.

Please check the light short they've sent me. Even you can check the site out of your Office Computer.

There must have been some caching on the network.
I see this CSS in your Customizer > Additional CSS:

a{
    text-decoration: revert !important;
}

remove that

Hello there, thanks a lot! Finally, you got the problem, yes, it works. But I want to remove the underline only for Menu other links (on the body) should be ok. If you have the CSS please send it, or tell me what things should I remove.

2nd: On the other hand, you can send me the CSS that works when you hover then Underline will show, but normally it will hide.

Example: Search anything on Google and hover on the search result. Thanks again, and I really appreciate your help!