Collapsed Menu Issue

Support
#1

It looks like top level links with sublinks are unable to be clicked and take you to the page. Can you help with this?

#2

Hello @w3developing,

Thanks for asking. :slight_smile:

I suggest you to please take a look at following thread and the future plan going ahead regarding collapsed menu and top level menu item:

Thanks.

#3

Do you know when this will be released, and can you help me with the dropdown. It won’t let me set it to 100% width which is a bit of and issue for other screen sizes, also the top link is hidden behind the second bar.

#4

Hey There,

We are now in Beta testing phase. It shall be released when we are out of beta which possibly in the next coming week or so.

By the way, to make the off cancass 100%, use percentage.

Hope this helps.

#5

That’s good to know that being released soon, thanks! Well, I meant the other menu. That’s good know know about the off canvas, but is there a way make the dropdown menu 100% wide through the editor, like on the demo here?

#6

Hello @w3developing,

Thanks for updating the thread. :slight_smile:

I am a bit confused by the latter part of your question, especially with " through the editor". Can you please elaborate?

Thanks.

#7

I am using the pro header/footer builder. There doesn’t seem to be an option to make a dropdown menu 100% width like this:

#8

Hey There,

Please be advised that the Integrity Demo is using X theme and this is the default behaviour of the navbar. If you are using Pro theme, you can have a similar navbar if you only use Integrity stack and the default navbar. Using the custom footer will get you a different behaviour since it a custom header. There is no option to make the mobile menu as fullwidth since it is a different menu structure from the default one.

Hope this helps.

#9

Huh, ok. I tried applying some CSS to it, but I couldn’t quite get it to 100% screen width. It was offset for some reason. Could you help with this?

#10

Hi There @w3developing

Can you please try adding the following CSS rule and see if that helps.

.x-off-canvas-content.x-off-canvas-content-right.ps-container.ps-theme-default {
    max-width: 100%;
}

Hope that helps.
Thanks!

#11

Unfortunately, this is targeting the wrong menu. I have removed it to reduce confusion. Could you please check it again? The one remaining is the one I’m having issues with.

#12

Hi again,

I did some tests to make your menu dropdown full width but it’s not possible without disturbing the submenu item’s layout. If you make it full width then you’ll need to revamp the display mechanism of sub menu items entirely. You can use Navigation Collapsed element when the update is released.

Hope this helps!

#13

That’s unfortunate. Thank you for the reply. Are we looking at an update soon?

#14

Hi again,

Yes it should be soon, stay tuned.

Cheers!

1 Like
#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.