-
AuthorPosts
-
October 20, 2014 at 6:12 pm #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
October 21, 2014 at 1:00 pm #338981This reply has been marked as private.October 21, 2014 at 1:02 pm #338983This reply has been marked as private.October 21, 2014 at 5:10 pm #339117Hi!
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 menuBest regards,
YigitOctober 29, 2014 at 10:59 am #342640Hi 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
October 29, 2014 at 11:08 am #342645Hey 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édricOctober 29, 2014 at 7:18 pm #342915Hi 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!
YigitOctober 30, 2014 at 10:38 am #343313Hi Cédric,
Thank you for the tip. If necessary, we will check that out.
JanOctober 30, 2014 at 10:38 am #343314This reply has been marked as private.October 30, 2014 at 2:26 pm #343409Hi!
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 -
AuthorPosts
- You must be logged in to reply to this topic.