Menu problem with ascent theme

  • Resolved robdon

    (@robdon)


    9 years, 12 months ago

    I’m having problems when GD is active when I’m using the ascent theme (http://testbase.info/c/theme/wp/ascent/)

    GD and Ascent use a CSS class called ‘menu-item’ and I think that is causing the problem, probably the z-index settings.

    When both are enabled, then my themes menus are not correctly ontop of other items. If the menu extends onto a second line, and you try to open a menu item from the top line, then it has problems with mouseovers.

    Screenshot here: https://www.ca-stock.com/geo-menu-bug.jpg

    If I mouse over the menu item ‘Walking in Javea’ then the new submenu pops up ‘Official Trails’. But it seems to popup under the ‘Whats on in Javea’ menu option.

    If I keep the cursor to the right it works okish, but if I move the cursor anywhere near the ‘… in Javea’ text, then it automatically closes that menu because ‘Whats on in Javea’ gets the mouse over.

    If I disable GD, then the theme works as expected.

    Any ideas? I’ve looked into the ‘THEME COMPATIBILITY’ section, but I’m a bit of a loss of what to do in there.

    https://ww.wp.xz.cn/plugins/geodirectory/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Paolo

    (@paoltaia)

    9 years, 11 months ago

    Hi,

    we wil need to see your website to be able to inspect it and provide help.

    Images cannot be inspected.

    Let us know,

    Thanks

    Thread Starter robdon

    (@robdon)

    9 years, 11 months ago

    Hi,

    Its real easy for you to re-produce, and happens 100% of the time.

    1) Install a fresh WP system
    2) Install Ascent Theme and activate (http://testbase.info/c/theme/wp/ascent/)
    3) Add lots of pages and a menu to make you have more than 1 line of menu options, then add 3 sub menu options to the first option.
    4) Install GeoDirectory and activate

    If you then mouseover menu option 1, it displays the sub options, but they are mixed in with the 2nd line of the menu options (z-index). If you try to move the mouse to one of the sub options, it closes the menu before you can reach any of them.

    This does not happen if GeoDictionary is disabled, and seems to be a problem with the class ‘menu-item’ being used in both the Theme and GD.

    I’m using latest version of Chrome, bit it also happens in IE

    Here is a test site: http://fireflux5.cloudapp.net/wp-test/

    Please can you tell me when you have looked at it, so I can remove the site.

    Thanks, Rob.

    Viruthagiri

    (@viruthagiri)

    9 years, 11 months ago

    Hello robdon, I’m a GD team member. Let me help you with this issue.

    Go to GeoDirectory -> Design -> Scripts -> Custom style css code

    and then add this code there

    li.menu-item {
    z-index: auto !important;
}

    Let me know how that goes.

    Thanks

    Plugin Author Stiofan

    (@stiofansisland)

    9 years, 11 months ago

    Hi Rob,

    We change the z-index on the menu because we were having a lot of themes where the sub menu items were hiding behind maps.
    I have added some better CSS rules to the core plugin which should now fix this sort of problem, if Giri’s solution does not work for you just let me know and i will tell you what changes to make (or you can wait for next release)

    Thanks,

    Stiofan

    Thread Starter robdon

    (@robdon)

    9 years, 11 months ago

    Hi guys,

    Thanks for the quick response.

    Yep, the CSS code worked fine.

    Ta, Rob.

    Plugin Author Stiofan

    (@stiofansisland)

    9 years, 11 months ago

    Great! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Menu problem with ascent theme’ is closed to new replies.