[Support request] I want to make Menu. but not Hover.

[Lim]

Hi. geneP!

I bought generatepressPro.
I moved from accessroot pro.
My website is faster than previous.
and All parts are good for me.

I am very satisfied with your geneP!

But I and my site member requested that new generatepress menu is uncomfortable.
So I want to make previous style. Accessroot pro style.

I tried.
At first, I made Hover style (Navigation Dropdown)
DeskTop view is good but Mobile view is not good.
When I use Hover style (Navigation Dropdown), I have difficulty to go to the sub menu in mobile.

So I use Click menu item in my recent menu, but it is not good for me.

I want to make the previous style : AccessRoot Pro style.

https://demo.accesspressthemes.com/accesspress-root/

https://demo.accesspressthemes.com/accesspress-root/
specially mobile view is good.

I don’t want to go to the previous theme.
I love GP.
But I want to change only the menu.

I am not developer. I have no idea PHP, CSS.
So I am very hard to make. it is impossible for me.

Please Help me.

ps.
I searched your website. but sorry there are many codes.
so. it is difficult for me to select which source is my function that I want to make .

I am using the newest version Gp, Gpro.

[David]

Hi there,

you can use the Off Canvas Panel for Mobile only:

https://docs.generatepress.com/article/off-canvas-panel-overview/

If you want the body to slide over with the shadow effect then it will take some CSS. Enable the Off Canvas Panel and ill take a look.

[Lim]

Hi David.
good afternoon.

I changed my mobile menu.

I made the Off Canvas Panel that you mentioned yesterday only in Mobile you can see.

please help me.

1. I want to move level-2 menu slightly backward.
Please send two letters to the back.
I attached the picture.

2. when the user level-1 menu click and upper-down arrow mark click,
I want to make the same function like the desk menu.
(but My desk menu is not off canvas.)
Currently, I want to click level-1 menu, automatically close the menu.
my request is that I want to click level-1 menu, it should opreate when I click upper-down arrow mark.
In the picture I attacted , 2click and 3click = same fucntion >> like 3 click.

3. last my request.
open leve-2 menu like a picture I attached.
Not all , designated part level-1 menu and level-2

please help me.

ps. I don’t use secondary menu in GP, So I use level-1, level-2.

[Tom]

Hi there,

1. Are you wanting to indent the sub-menu items? If so, try this:

#generate-slideout-menu.main-navigation .main-nav ul ul li {
    padding-left: 20px;
}

2. Can you try adding # as the URL for the parent menu items? Right now they have no URL.

3. Just to confirm here – you’re wanting the panel to push the content instead of overlay it?

[Lim]

1. I did. I succeeded.

2. where to input # sharp.
could tell me the exact location.

for example)
admin > appearance > menu … like that.
plz consider a beginner.

3. What is the meaning?

[Lim]

Image was deleted. sorry

[David]

See here for adding the # to menu item URL:

On the example site you provided, when you open the navigation it Pushes the Content of the page to the right. Do you want this effect ?

[Lim]

Hi.David.

I didn’t URL input feild.

This is my menu stlye.
There is no URL input feild

I attaced
plz. look at my menu.
Url is not Label right?

I want to change the menu today.
Thank you if you give me response fast.

[Lim]

2. where to input # sharp.
could tell me the exact location.

for example)
admin > appearance > menu … like that.
plz consider a beginner.

>> I solved.
>> when I looked at your picture, I found custom link.
I tried to make custom link menu. So I succeed.

[Lim]

3. my request is below…

At first, when I click the menu in off canvas menu, site will move there.
and I read some contents in there.

When I clikck Off canvas menu, I want to remeber the menu that is expanded right before I read.

[David]

3. Go to Customizer > Additional CSS – and add this CSS:

#generate-slideout-menu.main-navigation .main-nav ul ul li {
    padding-left: 0;
}

[Lim]

Your answer is not exactly on me.

plz. read detail.

At first, when I click the menu in my website, my Off canvas appear in being closed.
and If I select the Off canvas menu, I will go to the page that I click. right?

At Second, After reading the page, If I go to the Off canvas menu, I want the Off canvas menu open. So. I want Off canvas menu to remember itself for being open.

Namely I want to show that the level2-menu is open.

Currently, my homepage doesn’t remember whether the menu is open or closed.

[Tom]

Hi there,

Our menu isn’t built to work this way, but something like this may help:

#generate-slideout-menu.main-navigation ul .current-menu-ancestor > a .dropdown-menu-toggle {
    display: none;
}

#generate-slideout-menu.main-navigation ul .current-menu-ancestor ul {
    display: block;
    visibility: visible;
    opacity: 1;
    height: auto;
    pointer-events: auto;
}

[Lim]

Hi. Tom.

Your code is that I want.

I added it in in my menu of added CSS.
It work very well.
I am very satisfied with your code. ^^

Thx.Tom
You may be very busy.
so. I call David for another request.

[Lim]

Hi. David.

My menu font size in mobile menu xcanvas is differnt.
Desk top menu, normal menu font size is good.

I checked the font size, but there is not special font size.
How to make the same size in the mobile menu xcanvas.

I have 6 level-1 menu.
The Levle-2 font size of thrid level-1 is very small.

[Author]

Posts