• I am really frustrated because I am using the OnePress theme and I cannot figure out how to get rid of the effect that happens when you hover over a navigation item! It is extremely annoying and an ugly design element for a nav menu. The URL for my site is http://1800daysdev.flywheelsites.com/ just hover over a nav item and you will see what i mean. I have already tried setting transition to “none” but that didnt do anything.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You should post your question in the theme’s dedicated support forum here:

    https://wordpress.org/support/theme/onepress

    That way, the developers (who know the theme best) will see it and probably give you the best answer.

    On lines 95-98 of your child theme’s style.css is the following:

    .onepress-menu li:hover {
    	margin: 10px 0;
    	background: #340E34;
    }

    If you simply remove (or comment out) the line that adds a margin, this appears to fix the problem.

    Hope that helps,
    Eric

    If you simply remove (or comment out) the line that adds a margin,

    Do NOT edit theme files, or recommend that others edit theme files, as your changes will be overwritten when the theme updates.

    Instead, make all changes via a child theme.

    Thread Starter gratschultz2013

    (@gratschultz2013)

    kjodle, I have posted in the themes support page but its been 3 days and still havent seen an answer.

    kjodle,

    I heartily agree with you that one should not edit a parent theme because it will be overwritten on subsequent update. In this case, however, I believe that the site in question is already using a custom child theme given the comment ‘1800days Custom Styles’ near the top of the onepress-child theme’s style.css. It was this file that I recommended changing. Sorry for the confusion if this wasn’t clear.

    gratschultz2013,

    Your problem is not with the OnePress theme itself, it is with custom styles that were developed specifically for your site. You can find the contact details for the child theme developer by going to Appearance | Themes in your admin panel, then clicking on the ‘Theme Details’ button that appears when you hover over your active theme, which should be ‘OnePress Child Theme’. Alternatively, these same details can be found at the top of your site’s wp-content/themes/onepress-child/style.css file.

    Once again, apologies for any confusion.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to get rid of focus effect on nav items on hover?’ is closed to new replies.