Navigation menu issue

Highlighted
Regular Contributor

Hi Team,

 

Hope all is well.

 

I've added NetSuite menu item + child item yesterday here - https://app.hubspot.com/menus/3002663/edit/4982435430 for this websitehttps://www.enavate.com/ and the mobile menu icon was disappeared 😞 

 

It appears only for iPad, but not for the mobile versions - please see screenshots attached.

 

Could you please help me to fix it?

 

Thank you!

ViktoriiaScreen Shot 2020-06-05 at 6.50.01 PM.pngScreen Shot 2020-06-05 at 6.50.14 PM.png 

0 Upvotes
4 Replies 4
Highlighted
Regular Advisor | Partner

Hey @viktoriia17 

 

Looks like this is a float or float clearing issue.

When in the drag and drop template editor you have 2 columns in the header.

A 4 column adn and 8 column. Select the 8 column and add the following inline css style:

float: left;
0 Upvotes
Highlighted
Regular Contributor

Hi Kevin,

 

Thank you for your quick reply - appreciate it!

 

Looks like float: left, but not sure I understand the part with 2-4-8 columns for the mobile version. Do you have any ideas?

 

Thank you,

Viktoriia

 

 

0 Upvotes
Highlighted
Regular Advisor | Partner

Hey @viktoriia17 

 

Looks like you got this working?

If so what steps did you take?

0 Upvotes
Highlighted
Regular Contributor

Hi Kevin,

 

I've asked the developer to take a look. He added the following code:

div.span8.widget-span.widget-type-menu.custom-menu-primary.js-enabled {
float: left;
}

div.hs-menu-wrapper {
z-index: 10000;
}

div.hs-menu-wrapper {
display: none;
}
Best,
Viktoriia
0 Upvotes