disable the mobile menu, change menu text colour on hover

actually no need to change the colour of the text, I’ve made the menu bar thin and the hover background colour white i like the effect that gives.

just need to know how to disable the mobile menu

Hello,

This theme uses a media query to alter the menu when the screen size is equal to or under 783px in width. Basically, it’s a bit of code that checks what screen size you have and if it’s below that value, it’ll make the menu turn into the mobile menu.

Check in any theme settings if you have the option to disable it. If not, then I’d reach out to the theme developer and ask how to remove it from the CSS and/or template files.

Hi Seanheather

Thank you for the informative reply. Unfortunately I cant find any option to disable this in the theme settings.

Styledthemes or anybody else who knows, can you tell which bits of code I need to remove to resolve this?

Thanks alot

On second thought I do need the menu text colour to change on hover, so if anybody knows how to do this please let me know.

To change the text hover colour, this should be something as simple as altering your theme CSS. You need add a hover class to your CSS relating to the menu item class.

Using the example of a normal link class below, this for example adds a underline on mouse over to a link.

a:hover {text-decoration: underline; }

But you need to add a hover element to an existing class which is the code below. Replace ”menu class” with whatever class your menu item is called and change the Hex colour code to your desired colour.

.menuclass a:hover {color: #000000; }

Here it is working – https://jsfiddle.net/Lt7hyo7u/

That did the trick! Thanks alot mate