[Dianne HParticipant]

The superfly navbar does not fly out to show submenus on a mobile phone. Even on click the submenus to do not show. Have updated everything as of Sept 9th.

new.landmarkfa.com

[ChristopherModerator]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Dianne HParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for providing the information. Please make sure that your submenu will fall down on mobile menu. There might not be enough space for it to slide in so it must fall down instead. Please see this screenshot:

Hope this helps.

[Dianne HParticipant]

When I use the SIDE PANEL setting the submenus work as drop downs as they should on a mobile, but the submenus are not functional when I choose the NAVBAR setting. I like the narrow width of the NAVBAR better for this particular site.

RE: your solution
I do not want the mobile drop down style applicable to the desk top version—I want the submenus to slide on the desktop, which means I do not want to activate the mobile logic for submenus on the desktop.

I might need to specify a narrower width for the SIDE PANEL option instead of choosing navbar. If that is the case, what CSS would be necessary? Thanks.

[Rue NelModerator]

Hello There,

Thank you for getting back to us. This is how Superfly manages the sub menu. Any modifications the to way how the plugin will work our will go into custom developments. It can lead to numerous layout problems as there are a lot of things to take into consideration. Taking all of this into consideration, these types of updates are out of the scope of our support as their involvement is simply too great and we are a very small team. While we would love to be able to assist all of our users with every customization request, the simple reality is that we cannot cater to every inquiry. Additionally, we will not be able to support any issues that might arise from modifications made to this area on your own.

Thank you for your understanding.

[Dianne HParticipant]

Superfly Menu works perfectly on a desktop, however, on a mobile there is an issue with one of the submenus.

On a mobile, the first menu item submenu {Wealth Management Experience} does not drop down on a mobile. However, the other menu item that has a submenu {Our Thoughts} does drop down on a mobile.

So my question is why does one work, and not the other?

http://new.landmarkfa.com

login info is the string above. Thanks/

[RadModerator]

Hi Dianne,

It’s because of the text covering the toggle arrow. Please change this CSS

#sfm-sidebar:not(.sfm-iconbar) .sfm-menu li > a span {
    max-width: calc(250px - 80px);
}

to this

#sfm-sidebar:not(.sfm-iconbar) .sfm-menu li > a span {
    max-width: calc(250px - 100px !important);
}

And seems you’re currently working on it. The subdomain becomes unavailable on my end, but the main domain works.

Cheers!

[Dianne HParticipant]

Yes, this evening I converted to the primary domain {landmarkfa.com with same login as the temporary domain}. Do I add the CSS to via the customized global CSS? A little confused because I do not see the original location of the superfly menu coding and the the submenu with the text covering the toggle works, but the one that the text does not cover the toggle is the one that is not working…..

[LelyModerator]

Hi There,

Yes we can add it in Customizer Global CSS.
I can see that you have added it already but there’s CSS syntax error.
Please update the CSS to this:

#sfm-sidebar:not(.sfm-iconbar) .sfm-menu li > a span {
    max-width: calc(250px - 100px) !important;
}

Hope this helps.

[Dianne HParticipant]

YES! Thank you so much!

[RahulModerator]

Glad we could help you out!

Let us know if we can help with anything else.

Thank you.

[Author]

Posts