[Resolved] When I hover over my navigation logo, I get a white background

Home Forums Support When I hover over my navigation logo, I get a white background

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #326267
    Robert

    I don’t know why this is happening. Maybe it’s just a simple setting that I missed. When I hover over the logo in the navigation, I get a white rectangle behind it when I shouldn’t.

    Any idea why this is happening?

    Here is the site…
    http://fitnessfrenzy.inspiringdev.ca

    Thank you in advance.

    GP Premium 1.3
    #326283
    Leo
    Staff
    Customer Support

    That is very weird…It’s doing it to the normal logo and navigation logo. Can’t find where that’s coming from in the code either.

    I assume you’ve already tried reuploading the logos? If not maybe try disable all plugins? It’s a long shot…

    #326303
    Robert

    I’ll try your suggestions and let you know what happens.

    #326389
    wekhter

    Looking at your page, it’s coming from:

    a:hover {
        color: #fff;
        background-color: #def;
    }

    In http://fitnessfrenzy.inspiringdev.ca/wp-content/uploads/elementor/css/post-211.css

    Seems like it’s something from the Elementor plugin, perhaps something you set there?

    #326392
    Tom
    Lead Developer
    Lead Developer

    @wekhter is right – that CSS is applied to ALL links on the site.

    You should fix it so it’s more specific, or you can do this:

    .site-logo a:hover {
        background-color: transparent;
    }
    #326699
    Robert

    Thanks Tom,

    That gives me a clue. I dont know where, but I must have applied the white background to my links. I’ll look around the CSS for that otherwise I’ll apply your fix.

    Much appreciated.

    Rob

    #326776
    Tom
    Lead Developer
    Lead Developer
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.