Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #338515

    Hi Guys,

    I’ve got a problem of alignment with my mega menu but i’ve found a previous post with this fix:

    @media only screen and (min-width: 1140px){
    #top .avia_mega_div.avia_mega5.twelve.units {
    right: -662px !important;
    }}

    (I’ve adapted “mega5.twelve” which is the right id for my mega menu).

    Now the megamenu is full, centered (instead of right alignment with right items that didn’t shows up), great!

    It works on almost all pages now but not on the page you can find in private. I guess the mega menu is displayed behind the header image (easy slider shortcode). That’s we can’t see it. What do you think?

    (i’ve already tryied to unactivate all plugins in case of).

    Thanks in advance

    #338981
    This reply has been marked as private.
    #338983
    This reply has been marked as private.
    #339117

    Hi!

    Can you please firstly update Enfold to the latest version 3.0.2 – http://kriesi.at/documentation/enfold/updating-your-theme-files/
    There were some improvements done to mega menu

    Best regards,
    Yigit

    #342640

    Hi Yigit,

    we’ve had the same problems. Unfortunately, the problems still exists after the update to 3.0.2. If we set less than 4 Columns, the mega menu doesn’t appear correctly.

    Thank you, Jan

    #342645

    Hey Jan,

    I update and it didn’t fix my problem but my client wanted a specific effect on her mega menu and we bought Ubermenu. No more problem and plenty of settings for your menu though ;o)

    Good luck,
    Cédric

    #342915

    Hi Cédric!

    Glad all is well now :) Let us know if you have any other questions or issues :)

    @jweymar
    do you mind posting the link to your website so we can look into it?

    Cheers!
    Yigit

    #343313

    Hi Cédric,
    Thank you for the tip. If necessary, we will check that out.
    Jan

    #343314
    This reply has been marked as private.
    #343409

    Hi!

    Add the following CSS to your Quick CSS or your custom.css

    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
    
    @media only screen and (min-width: 768px) {
      /* Add your Desktop Styles here */
    
    .avia_mega2{
      left: -295px !important;
    }
      
    }
    
    /*
    Mobile Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
    
    @media only screen and (max-width: 767px) {
      /* Add your Mobile Styles here */
    
      .avia_mega2{
      left: 0px !important;
    }
      
    }

    If the above doesn’t work, please try disabling all third-party plugins to see if the issue gets fixed. 90% of the time, issues are caused by conflicting code from third party plugins. Disabling these plugins one by one and checking if this helps sort the issue helps pin-point the exact source of the issue.

    If disabling any third party plugins does not help, please forward us administrative credentials to your site for us to have a closer look.
    Please check the “Set as private reply (Only you and moderators will see the content of this post)” option before posting any sensitive information.

    Best regards,
    Arvish

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