[AnnParticipant]

Hey guys,

I have installed superfly menu on my site here http://www.parronhall.com and I’d like the menu to be visible on mobile and ipad. I’ve set the width so it should work with iPad but for some reason it won’t show.

Thanks!

Ann

[Paul RModerator]

Hi Ann,

Please see screenshot- https://www.screencast.com/t/aLRtAZjKI

If that doesn’t work kindly provide us your wordpress admin login in private reply.

Thanks

[AnnParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in and for posting the information. The iPad is not considered as desktop nor mobile. The mobile size may start from below the 767 pixels.

For mode detailed information, please check the documentation here:
http://superfly.looks-awesome.com/docs/Customize/Customize_Appereance_on_Mobiles
http://superfly.looks-awesome.com/docs/Customize/Customize_Appereance_on_Desktop

Hope this helps.

[AnnParticipant]

That helps!

I think it’s working now. I have some issues getting the superfly menu to appear at the exact same width as the x-menu disappear though. I’ve played around with the pixel width but I keep end up with 2 menus at a certain width.

Could you help me with that too?

Thanks a lot!

Ann

[RadModerator]

Hi there,

Please try this

#sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-logo {
position: relative !important;
display: block !important;
}

@media all and (min-width: 980px){
.superfly-on #sfm-sidebar,  .superfly-on .sfm-navicon-button{
display: none !important;
}
}

X’s uses 767px and 979px breakpoints, 980px is considered desktop.

Thanks!

[AnnParticipant]

Hey Rad,

Thanks! I added the code but that gave me a width with no menu at all

[AnnParticipant]

Sorry, screen shot was too big..

[AnnParticipant]

Again,

[RadModerator]

Hi there,

How about this

#sfm-sidebar, #sfm-sidebar .sfm-logo {
position: relative !important;
display: block !important;
}

@media all and (min-width: 980px){
#sfm-sidebar, #sfm-sidebar .sfm-logo{
display: none !important;
}
}

Though, I checked, you have the desktop menu already, that mean you don’t need SuperFly on a desktop at all.

Thanks!

[AnnParticipant]

That code didn’t work. It made the menu visible all the time.

I read the link you sent me earlier from superfly and it’s my understanding that I have to have the desktop view enabled for the menu to show up on ipad. I may have read that wrong though.

Thanks!

Ann

[RadModerator]

Hi there,

I went ahead and change it to this

@media (min-width: 1025px){
.superfly-on #sfm-sidebar,  .superfly-on .sfm-navicon-button{
display: none !important;
}
}

Tablet is 979px, but landscape is 1024px (but it still considered desktop resolution), but, I set 1025px as desktop breakpoint this time. Should be okay now.

Thanks!

[AnnParticipant]

Ohhh you are awesome!! Thank you so much for all the help!

Ann

[RahulModerator]

Glad we were able to help you out!

Feel free to ask us again if you have any further queries regarding the X-theme.

Thanks!

[Author]

Posts