Site logo

Archived topic

Side menu dissapearing on mouse out - Can it be done with GP?

70 replies · Started by Harris on November 6, 2017

Viewing posts 61–71 of 71

ΟΚ Tom!
I was thinking about hover as the parent menu items are links themselves.
So, the user has to click to the text in order to visit the link, or click to the arrow in order to expand the menu and I thought that this might be a bit confusing.

Btw is there some way we can target via CSS only the third level of the menu? (the child items of the first level sub-navigation items)

Thanks

Any chance we can start a new topic? This one is getting pretty long.

Thank you! :)

Sure! Thanks!

Hello Tom.

Should I proceed updating that site to GPP 1.6 or will it break the menu because of the way it was built (under your help and instructions)?

Thanks
Harris

It should mostly be compatible, but some tweaks might be necessary.

Thanks Tom!
I will do it within the next days and I might ask for your assistance if needed.

Sounds good :)

Hello Tom

Just gave it a try. Nice new features I see! Great job! I will explore them thoroughly.

About the menu. Most of it seems to operate fine.
I can now adjust the menu colors etc from the customizer than with css as I did before. I will give that a go (but it still shows fine as it is)

Three small things I have spotted in the menu after a first look

1. How can i change the X (close) icon with an image (as I did in the previous version)?
2. A horizontal scrollbar is showing at the bottom of the menu. How can I omit that?
3. A kind of a lightbox appears when I open the menu. Is there some way to omit that if needed?

And one thing not having to do with the updates. What selector do I have to target in order to adjust the distance between the text menu choice and the arrow stating that there are parent menu items available? (and the close arrow too).

Thanks
Harris

1. Try this:

.slide-opened .slideout-exit:before {
    content: url(URL TO YOUR IMAGE);
}

2.

.slideout-navigation {
    overflow-x: hidden;
}

3.

.slideout-overlay {
    background-color: transparent;
}

100% success!
Thanks!

X is not acctually needed as menu auto closes on mouseout so you don't have time to click it now that its outside the menu :)

Glad I could help! :)

This archived topic is closed to new replies.