-
Posts
-
Hi,
I’m having a lot of problems with the full width sub menu element. I’m not sure if it’s a problem with my child-theme css or if it’s a theme issue. I tried disabling plugins but it didn’t help. I attached the link to a test page for reference.
I have three full-width sub-menus below a color-section on the test page.
- The top menu shows up above the color section but only when browser window is fullwidth
- The top menu is overlapping the color section but only when the browser window is fullwidth
- Drop-down sub menus show up behind other menu items when the browser window size is small and menu items move to a second row
- Drop-down sub menus show up behind other fullwidth menu elements
- On touch screens, the drop-down menu won’t collapse when touched again
I don’t know if this is a z-index issue or visibility. I’ve tried many things and searched the forums without luck.
Thanks for your time,
ChrisAs an update,
I found these posts in the support forums where people were experiencing some of the same issues.
https://kriesi.at/support/topic/collapsible-custom-menu/
https://kriesi.at/support/topic/primary-menu-dropdowns-not-functioning-on-ipad-cant-close-dropdown/
https://kriesi.at/support/topic/ipad-drop-down-menu-wont-tap-off/
They could not get the dropdown menus to collapse on touchscreens and the top menu would appear above a color section until scrolled. It would not appear below the color section where it was placed.Not sure if this helps…
Hey!
can you use screenshots to highlight the issue please? to make things clear for us. You can use imgur.com or dropbox.
Regards,
AndyAndy,
I attached a link to the imgur album and a link to the “test-page” I created. Let me know if you need any more info.
Thanks for the help,
ChrisHey!
Can you please edit your element and choose to display a button on mobile devices?
Best regards,
YigitI changed all three menus to show a button on mobile. I also added login credentials in case you want to edit things on the “Test-Page”.
Sorry about that…I had a capitol letter where there shouldn’t be. I attached the updated credentials.
Hey!
by the way: you are using a caching plugin. Go into it’s settings and choose to switch off caching. Then deactivate this plugin. Afterwards clear browser and hard refresh a few times.
Regards,
AndyYes you can disable plugins. Be aware that I’ve had problems disabling the “RSS Aggregator” plugin before. I believe it causes issues if it’s in the middle of importing feeds. I have paused all feeds for now so hopefully it won’t be an issue.
Hey!
ok, but first let us know when you are ready with purging cache from your caching plugin and the other steps I mentioned in my previous post. Let us know about your results.
Cheers!
AndyCaching is turned off. Caching plugin disabled. Cleared browser cache, refreshed browser, No change.
FYI, You had me select “display button” for mobile but after things are fixed I plan on keeping the secondary menus fullwidth on mobile. I’m not sure if it matters.
Thanks
Hi!
I created a new page with same content and menu is showing up below color section for me now. Can you confirm please? check link in private content.
I think it was not planned that there could be more than one menu below each others, that’s why sub menu gets hidden. I will notify Kriesi about it and he will hopefully implement a fix for the next update. Thanks for making us aware about this.
As a workaround for you I defined a unique css class in each fullwidth sub menu element (menu1, menu2, menu3). Check each Custom Css Class field of your fullwidth sub menu elements of the link in private content. Add this this code in Quick CSS field:
.menu1, .menu1 .sub-menu { z-index: 3 !important; } .menu2, .menu2 .sub-menu { z-index: 2 !important; } .menu3, .menu3 .sub-menu { z-index: 1 !important; }Best regards,
AndyThank you!! You guys are great and the support is outstanding :-)
I don’t want to be greedy…but there’s still one issue.
Did you have a chance to look at the menus on touch-screens? I’m still trying to make the menus close by tapping on them a second time or by tapping on a blank space on the screen. Currently they open when tapped once and then they stay opened which covers up any content below it. They do close if you open another menu or if you refresh the screen but this doesn’t seem right.
If you do any more edits using the credentials I provided, please do not deactivate the “WP RSS Aggregator plugins”.
I applied the code you provided but only for the page you created (for now). I’ll leave the test page you created active.Thanks again!
Chris
- You must be logged in to reply to this topic.