[Resolved] Assigning drop down menu to sticky logo image

[georges]

Dear Tom,

We recently purchased the GP premium license in October this year. It is a great theme !

Have conducted the following so far for a project:
1. Created top secondary menu – full width.
2. Created top Primary menu position below the the secondary menu.
3. Want to assign drop down menu to “sticky logo” image present on the top primary menu? The image logo is visible upon scroll down action.

I would certainly require your assistance in understanding if there is a possibility to assign drop down menu to the logo image present in the “Sticky header”

Looking forward for your reply and thanking you in advance for the support,
kind regards,
Gp

[Leo]

Hi there,

Go to Appearance > Menus and add a new Custom Link.
As the URL, add in your home page URL (or whatever you like).
As the Link Text or Navigation Label, add in your logo image HTML:
<img src="URL TO YOUR LOGO" alt="Your site name" title="Your site name" />
Then, in the CSS Classes field (you may need to enable it by clicking Screen Options at the top right), add in this class: sticky-only

Then add this CSS to hide it on non-sticky menu:

.main-navigation:not(.navigation-stick) .main-nav ul li.sticky-only a {
   display: none;
}

[georges]

Hi Leo,

Thank you for your quick revert and support. Yup it works !

Trying to replace the sticky image on (Mouse-over – action) with an animated Gif… 🙂 struggling a little bit, but will reach you guys in case i need help.

Wishing you and your team a nice day !

kind regards,
GP

[Leo]

No problem!

[Author]

Posts