Make the hover color in the main menu clickable instead of just the text


#1

is it possible to make the main menu page links easier to click on by enabling the whole area that changes color when hovered clickable instead of just the text?

I click on the links quote often and it does change the page because I have just missed the text. It would effectively make each page link more like a button instead of just a text link.


#2

Hi,

Please post a link to your website and please point out which area do you want to make clickable, so I can check if that’s possible.

Kind Regards,
Csaba


#3

the site is Drone Productions Australia

The main menu links to become buttons

Main Menu Links to become buttons


#4

Hi,

You can make the whole area clickable with this Custom CSS:

.main-navigation li {
    padding: 0 !important;
}

.main-navigation a {
    padding: 30px 10px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba