I don't want the background on my sticky menu

[Pieter]

Hi Tom,

Love the sticky menu, but I have a problem. I’m using sticky menu for both website as mobile. On the menu I have a background (a blue box for my logo) otherwise I didn’t manage to get it with no padding on the top and bottom. Also a blue box background on hover and current in the menu.

When go to mobile, the menu has also an blue box background on it. I don’t want that. It looks like the blue box for the logo is repeating. I the customizer it’s not repeating. Also when on mobile and you’re in an other menu then home, the blue box appears also in the home.

Hope you understand what I mean

Link to the site

Thanks in advance!

Gr. Pieter

[Tom]

Hi there,

So you’re wanting to remove the blue gradient from the mobile menu AND the slideout menu, or only the slideout menu?

Let me know 🙂

[Pieter]

Hi Tom,

Let me clear out with some images

First of all on the left top when on mobile, the blue gradient needs to be white

On the slideout menu, the little blue gradient on home needs also to be white

So the problem is only on mobile and I think the gradient shown, is the background of the menu. But in the customizer I put no-repeat on the background.
I only want the gradient been shown on hover and current.

Hope that makes this more clear.

Gr. Pieter

[Tom]

Give this a shot:

button.menu-toggle {
    background-image: none;
}

.main-navigation.slideout-navigation .main-nav ul li a {
    background-color: #FFF;
}

Let me know 🙂

[Pieter]

Tom,

Thanks! That did the job!

Only one thing I noticed. The search icon disappeared on the mobile menu.

Gr. Pieter

[Tom]

If you update to the latest version of GP the search icon should display next to your menu icon now 🙂

[Author]

Posts