Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #535939

    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.

    1. The top menu shows up above the color section but only when browser window is fullwidth
    2. The top menu is overlapping the color section but only when the browser window is fullwidth
    3. 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
    4. Drop-down sub menus show up behind other fullwidth menu elements
    5. 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,
    Chris

    #536119

    As 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…

    • This reply was modified 8 years, 8 months ago by sweetbabyj.
    #538155

    Hey!

    can you use screenshots to highlight the issue please? to make things clear for us. You can use imgur.com or dropbox.

    Regards,
    Andy

    #538212

    Andy,

    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,
    Chris

    #538227

    Hey!

    Can you please edit your element and choose to display a button on mobile devices?

    Best regards,
    Yigit

    #538293

    I 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”.

    #538345

    Hey!

    I tried to login, but did not work for me. Can you check please?

    Best regards,
    Andy

    #538355

    Sorry about that…I had a capitol letter where there shouldn’t be. I attached the updated credentials.

    #538426

    Hi!

    are we allowed to deactivate all your plugins while testing?

    Regards,
    Andy

    #538428

    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,
    Andy

    #538446

    Yes 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.

    #538477

    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!
    Andy

    #538497

    Caching 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

    #538860

    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,
    Andy

    #539023

    Thank 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

    #539034

    Hi!

    ok, I can reproduce this one as well :). I will notify Kriesi about it as well. Hope he can find a fix for it soon. Thanks!

    Regards,
    Andy

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.