1 Time Purchase, Mobile App Builder forever! Get Lifetime Deal

How Can We Help?

How to edit the hover text colour of the nav menu tabs

Step 1:

Login to your website or if you are already logged in proceed to step 2.

Step 2:

Hover over edit with elementor then select your header’s name.

Step 3:

Press right click from your mouse on the tab you want to edit then select edit nav menu.

Step 4:

Click on style then press on hover then choose the text colour and add in its number

Step 5:

Press the update button once you have added in the colour you wanted

Pro tip 1: if you want to know the colour number of a certain colour in a picture or logo or text colour you can download the ColorZilla chrome extension and using this tool you can find out the number of any colour you want
N.B we aren’t in any way affiliate to ColorZilla it’s just the tool we use and recommend.
Pro tip 2: avoid making the hover colour the same of the main header colour, as if you do that will lead to the tab disappearing when hovered over as it will blend with the header colour.
So try to make it a different colour.

Shortcut:  login> hover edit with Elementor>select your header’s name> right click on the tab> edit nav menu> select style> hover>select hover colour>add in the colour number> press update button

Related Content

How to pick a theme for a page on your website

How to remove a widget from the primary sidebar on a page

How to hide a page’s name

How to pick a theme for a page on your website