Docs

[giveitlegs]

URL: http://gofitfarm2.wpengine.com

I am trying to get superfly to trigger as my menu full screen on mobile only but for some reason I cannot get it to do so.

Current settings attached…

[Rupok]

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
– FTP credentials

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

[giveitlegs]

This reply has been marked as private.

[Lely]

Hi There,

Please double check wordpress admin password above. It is not working when I tried to login.

[giveitlegs]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thank you for providing the credentials, it seems like you’re using a third party for Menu. Try disabling the third party menu plugin and see if this resolves the issue.

Cheers!

[giveitlegs]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank for the clarifications and for providing the login credentials!

To trigger your fullscreen menu, you can follow this guide: http://superfly.looks-awesome.com/docs/Customize/Custom_Menu_Trigger

At the moment, I have applied this and every time you click on the hamburger menu, it will show the fullscreen SuperFly Menu.

Hope this helps.

[giveitlegs]

Ah! I see it triggering now! I am still scratching my head trying to figure out what you did in there but hey! It looks great! thank you soooo much!

Cheers

[Prasant Rai]

You are most welcome. 🙂

[giveitlegs]

This reply has been marked as private.

[giveitlegs]

okay, obviously I forgot to attach the screenshots one and two. duh. I’m an idiot. So sorry, here they are…

[Rad]

Hi there,

It should be, I checked and the CSS is from that option is applied, but there is another CSS that overrides it. It looks that option is only valid on a desktop, then it uses responsive font size on mobile. I forced it to display 10px on mobile and it’s not eye friendly. I guess the size changes depending on mobile screen size. You can force it through CSSS, but it may affect font size responsiveness.

Example,

#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter {
    font-size: 20px !important;
}

Thanks!

[giveitlegs]

Thank you soooo much! this helps a great deal. any way you know of to adjust the padding between the menu items for mobile andforce it? I am trying to use this code now…

#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter {
    font-size: 16px !important;
    line-height: 70% !important;
    padding-top: 10px !important;
    padding-bottom:10px !important;
}

just want to gett all these menu items on the screen by shortening the space between menu items… (screenshot)

[Rad]

Hi there,

Try this,

#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter {
    font-size: 16px !important;
    line-height: 20px !important;
    padding-top: 10px !important;
    padding-bottom:10px !important;
}

Line height should almost the same as font size, but add few pixel for spacing.

Thanks!

[Author]

Posts