Sub Menus getting cut off in Pro

Support
#1

Hi there,

I am using Pro, and I have two sub menu items in the main menu. I have opted for an Collapsed Nav Menu for the entire website, in desktop and mobile formats.

In the main menu on the front page, please go to ‘Print’. You will see two sub menus - Large Format and Small Format.

As you can see, they are both set up with quite a few sub items for each

But on the nav menu, they get cut off so you can only see one item of ‘Large Format’ and nothing of ‘Small Format’

Please let me know what can be done to fix this as I am a little confused, and can’t figure out why it’s not working.

Thanks so much, and Happy New Year!

#2

Hi There,

Thanks for writing in! and happy new year to you too!

I can see there is a inline height added to the submenu. Can you please add following css to your theme option custom css.

.sub-menu {
 height: auto !important;
}

Let us know how it goes. If that doesn’t work please send us your login details in a secure note so that we can have a look.

Thanks

#3

Hi there,

That’s sorted out the dropdown length, thanks so much!
Strangely, you cannot close the any of the menus now though.
They stay down even when I click on the graphic to minimise them again.

Sorry to be a pain!

#4

Hey Jayd,

This is a known issue in Pro which currently does not have a fix. For now, please only use up to 2 levels of menu in your Navigation Collapsed element.

Thank you for understanding.

#5

Hi there,

Just to clarify, the menus were collapsing before I added the code you had provided.
Now I have added the code to correct the length issue, the menus do not collapse.

#6

Yes, that is because with the code, you’re setting the submenu’s height to auto so it cannot be closed. Removing the code will make it close. The submenu’s height is dynamic that is why I said there’s currently no solution for this known issue. You need to choose whether to use the code and your submenu will not close or only use up to 2 levels of navigation.

Thank you for understanding.

#7

Hi there,

Thanks for letting me know.
When will there be a fix for this known issue?
Our brand revolves around the phrase ‘Signs. Print. Design. Web.’
So it is important that this is resolved for us.

Many thanks.

#8

Hello @EarlySigns,

Unfortunately, we cannot give you an ETA but I can assure you that it has been reported to our development team.

Thanks for understanding.

#9

Hi there,

Sorry to open this thread up again, but I am having another issue with the menu.
This time, the collapsed nav, search bar and contact us box all disappear on mobile.
All that is shown is the logo, and all other items are not visible.

I am a little new to Pro Headers, so am wondering how I can create a mobile header perhaps as a seperate bar, or if I have done something wrong here. Any help much appreciated.

#10

hi There,

You can hide and show any bar or element in costomize section. You can target device to show or hide.

Please check your current header elements for the same too.

Thanks

#11

Hi there,

Thanks for this. Is there a reason the menu is getting cut off completely?

#12

Hi There,

I can see the menu is hidden in mobile. Please check customize section, you may have chosen to hide in mobile device. Or you can send us your login details in a secure note so that we can have a look.

Thanks

#13

Hi there,

Thanks so much, I can see what is hidden now.
I can also see when unhidden they are all squashed and do not fit the shape.
So I am going to have a play around with a duplicate menu, only visible on mobile.
I would imagine this is the sensible way forward?

#14

Hi there,

Would you please kindly give us a screenshot of the last report, I want to check and see which section you are talking about, If you have an inline menu, it will be squashed in mobile view and you need to hide it. For the mobile use the navigation inline.

I suggest that you add another menu of Appearance > Menus for mobile and assigned the inline navigation to that specific menu. That menu will have fewer levels regarding the hierarchy and will be more straight forward for mobile users.

That will be a good alternative at the moment.

Thank you.

#15

Hi there,

That’s OK, I have made another menu solely for mobile and worked it out.
Thanks for pointing me in the right direction!

#16

You are most welcome!

Thanks

#17

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