Support Offline: Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time: Our Time:

question-circle fullwidth submenu

More
3 weeks 2 hours ago #42794 by antonio
fullwidth submenu was created by antonio
Hello, I would like to set the submenu as fullwidth, I mean the width of the entire browser window, not just the main menu one.
I tried:
.jux-dropdown-menu {
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: auto;
max-width: inherit!important;
display: inherit!important;
vertical-align: inherit!important;
border: inherit!important;
}

but the submenu remains aligned to the left margin of menu, not to the screen. What do you suggest I do?

I also have another problem: one of the second-level menu items does not appear in the third column.

Please Log in or Create an account to join the conversation.

More
2 weeks 5 days ago #42797 by Jackie
Replied by Jackie on topic fullwidth submenu
Hi.
Thank you for contacting us.
I have added the custom CSS on the Mega menu module to help you set fullwidth for sub-menu and display the second sub-menu.

.jux-dropdown-menu.jux-mega {
position: fixed !important;
left: 0 !important;
transform: translate(0) !important;
width: 100vw !important;
margin: 0!important;
padding: 0!important;
z-index: 9999;
top: 54px !important;
}

It still have small issue when you scroll. Please recheck it.
Regards.

Best regards.
Jackie Nguyen.

Please Log in or Create an account to join the conversation.

More
2 weeks 3 days ago #42800 by antonio
Replied by antonio on topic fullwidth submenu
Thank you, the problem with the sticky feature is not so minor, since scrolling back up hides the logo...

I can use also this:
.jux-dropdown-menu {
width: 100vw !important;
left: 50% !important;
transform: translateX(-55%) !important;
box-sizing: border-box !important;
margin-left: 0 !important;
padding-left: 0 !important;
}

Please Log in or Create an account to join the conversation.

More
2 weeks 3 days ago #42802 by Jackie
Replied by Jackie on topic fullwidth submenu
Hi.
I see you are using the sticky menu, which fixed the scroll page issue.
If you need help, please let me know again.
Regards.

Best regards.
Jackie Nguyen.

Please Log in or Create an account to join the conversation.

Moderators: Jackie
Time to create page: 0.040 seconds
Powered by Kunena Forum