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)

    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)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form