Home › Forums › Legacy Support › Support queries › Styling issues › MegaMenu does not display correctly
- This topic has 14 replies, 2 voices, and was last updated 3 years, 1 month ago by pablocanedoq.
-
AuthorPosts
-
August 27, 2021 at 4:51 pm #369394pablocanedoqParticipantHi, After a long time I am using MegaMenu again, but now it does not display correctly, it looks like everything has shrunk: https://screencast-o-matic.com/watch/crjtDvVQjHC My configuration is correct: https://prnt.sc/1qmf92c Even when I reload the page, the MegaMenu looks fine for a couple of seconds: https://screencast-o-matic.com/watch/crjtDHVQj7I I'm not sure, but it seems to me that before switching to BP Single Page this was working fine. I have the latest versions of the theme and plugins. I am using BP Single Page / Service Workers. Please help.August 27, 2021 at 9:35 pm #369402pablocanedoqParticipantThis reply has been marked as private.August 30, 2021 at 10:23 am #369491VeronicaModeratorhi please add this CSS in custom CSS section nav.menu-menu-central-general-container ul#menu-menu-central-general .menu-item .sub_cat_menu.sub_posts_menu.column4 { width: 500%; } refer: http://prntscr.com/1qsqe3dAugust 30, 2021 at 4:19 pm #369562pablocanedoqParticipantThis reply has been marked as private.August 31, 2021 at 11:12 am #369592VeronicaModeratorcheck this: ul#menu-menu-central-general li#main-menu-item-19273 ul.sub-menu { left: -325px; }September 1, 2021 at 9:28 pm #369765pablocanedoqParticipantThis reply has been marked as private.September 2, 2021 at 7:21 am #369778VeronicaModeratorhi use this: .megadrop .menu-cat_subcat .taxonomy_menu>li>a{ width: 100%; } div#vibe-mega-cat_posts38 ul.taxonomy_menu.course-cat_posts_menu .sub_cat_menu.sub_posts_menu.column4 { left:175px; } refer: http://prntscr.com/1r0nh7qSeptember 2, 2021 at 8:21 pm #369856pablocanedoqParticipantThis reply has been marked as private.September 3, 2021 at 1:16 pm #369918VeronicaModeratorhi please check nowSeptember 3, 2021 at 7:22 pm #369964pablocanedoqParticipantThank you! Now the Mega Menu looks the same, both logged in and logged out. Just one more thing, please. Now that the Mega Menu has been smaller, it has been very far to the left, so we need to move it a little to the right. Could you please share a code, with which I can adjust the horizontal position of the Mega Menu? https://prnt.sc/1r57oou Previously, you shared a code for this with me, but now it's not working anymore. This is the code I am talking about: ul # menu-menu-central-general li # main-menu-item-19273 ul.sub-menu { left: -325px; } Now this code is not working, so please kindly share a new code to adjust the horizontal position of the Mega Menu. Thanks.September 20, 2021 at 2:25 pm #371161pablocanedoqParticipantYou haven't given me an answer for over two weeks. And now with the latest updates, check out what the Mega Menu looks like (the images are HUGE): https://screencast-o-matic.com/watch/crQY2rV6FWG URGENT help please!September 20, 2021 at 4:11 pm #371173pablocanedoqParticipantWell, I have managed to fix this, by removing the following code that you shared earlier. nav.menu-menu-central-general-container ul # menu-menu-central-general .menu-item .sub_cat_menu.sub_posts_menu.column4 { width: 500%; } Now that this has been resolved, please I need you to help me with the following problem that the Mega Menu has: When you open the Mega Menu and move the mouse cursor down (towards the Mega Menu images), the Mega Menu closes. Sometimes it stays open, but most of the time it closes and this is very annoying for users. I explain this in the following video: https://screencast-o-matic.com/watch/crQYDQV6qO9 Please help to fix this. ThanksSeptember 21, 2021 at 10:34 am #371215VeronicaModeratorthanks for the video use this in cusstom CSS section nav .menu li.menu-item-has-children:hover>a:before{ top:70px; }September 21, 2021 at 7:59 pm #371281pablocanedoqParticipantThis reply has been marked as private.September 22, 2021 at 10:56 am #371321VeronicaModeratorok let me check
-
AuthorPosts
- The topic ‘MegaMenu does not display correctly’ is closed to new replies.