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, 6 months ago by
pablocanedoq.
-
AuthorPosts
-
August 27, 2021 at 4:51 pm #369394
pablocanedoq
ParticipantHi, 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 #369402pablocanedoq
ParticipantThis reply has been marked as private.August 30, 2021 at 10:23 am #369491Veronica
Moderatorhi 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 #369562pablocanedoq
ParticipantThis reply has been marked as private.August 31, 2021 at 11:12 am #369592Veronica
Moderatorcheck this: ul#menu-menu-central-general li#main-menu-item-19273 ul.sub-menu { left: -325px; }September 1, 2021 at 9:28 pm #369765pablocanedoq
ParticipantThis reply has been marked as private.September 2, 2021 at 7:21 am #369778Veronica
Moderatorhi 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 #369856pablocanedoq
ParticipantThis reply has been marked as private.September 3, 2021 at 1:16 pm #369918Veronica
Moderatorhi please check nowSeptember 3, 2021 at 7:22 pm #369964pablocanedoq
ParticipantThank 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 #371161pablocanedoq
ParticipantYou 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 #371173pablocanedoq
ParticipantWell, 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 #371215Veronica
Moderatorthanks 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 #371281pablocanedoq
ParticipantThis reply has been marked as private.September 22, 2021 at 10:56 am #371321Veronica
Moderatorok let me check -
AuthorPosts
- The topic ‘MegaMenu does not display correctly’ is closed to new replies.