Mega menu jumping animation

Home Forums Jevelin Theme Mega menu jumping animation

Home Forums Jevelin Theme Mega menu jumping animation

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
  • eemilyy
    Participant

    I’ve checked the mega max menu option in menus. There’s a jumping action that happen on roll over to sub-menu that seems to be triggered by a script.

    I can’t seem to override with CSS or find the script. It set’s overflow and opacity, and has a border.

    I can turn this off some how?

    Shufflehound
    Moderator

    Hi there,

     

    Can you please share us a link to your website, so we can test it?

     

    Best regards,

    Shufflehound team

    eemilyy
    Participant

    Here’s the test environment

    Shufflehound
    Moderator

    Thank you!

    We might have an idea on how to fix it, please go to: Jevelin Settings (at the topbar) > Header > Header Animations and try to adjust those options and let us know if that fixes it.

    eemilyy
    Participant

    Those settings seem to only adjust animation of the actual drop down, not the hover stuff on the links after it drops.

    Any other ideas? Thank you.

    Shufflehound
    Moderator

    Would it be possible to login to your website and debug this issue from the admin panel? (you can share the login data in the private information field)

    • This reply was modified 1 year, 8 months ago by Shufflehound.

    eemilyy
    Participant

    I can’t currently grant you access but here’s some settings screens. If you have a test install of the theme and tick the mega menu option in menus you should have the same behavior. It’s the most recent version of Javelin and using the Redux framework. Unyson builder is not installed.

    Attachments:
    You must be logged in to view attached files.

    Shufflehound
    Moderator

    It seems that you site have a CSS snippet that causes it (attached below) and it seems that it is not coming from our theme.

     

    You could try to overwrite it with this custom CSS:

    .sh-header ul.sub-menu {
        overflow: visible!important;
    }

     

    Let us know if that works! 🙂

    Attachments:
    You must be logged in to view attached files.

    eemilyy
    Participant

    No luck.

    I’ve tried setting the overflow to auto and visible with the important and neither work.

    Shufflehound
    Moderator

    It seems that it is better at least we don’t see scroll bar anymore.

    Unfortunately without access to your website we don’t have further clues on how to fix this issue.

    eemilyy
    Participant

    Here you go.

    Shufflehound
    Moderator

    We changed some options and now we can’t see any jumping action.

     

    Can you please take a look?

    eemilyy
    Participant

    Checked 3 browsers, still jumping, opacity change and underline on roll over. Any idea which theme file has the script we se can override?

    Thanks for your help.

    Shufflehound
    Moderator

    We added further improvements, can you please take a look?

    eemilyy
    Participant

    Yes! Thank you.

    Was it just the WP rocket cache conflict and that bit of CSS you added?

    .sh-nav ul.sub-menu a {
    border-width: 0px!important;
    }

    Shufflehound
    Moderator

    Yes, it seems like that

Viewing 16 posts - 1 through 16 (of 16 total)