Docs

[Jade]

Hi there,

If you are using google chrome in your tablet, kindly try to load up the site in incognito mode or private browsing mode and see if the issue remains. If it’s fixed, it must be some cache that’s causing it.

Let us know how it goes.

[dekyn]

Hi

I tried loading the page in incognito in Google Chrome, Safari and Firefox, but problem remains! Hope you can help.

[Rad]

Hi there,

Are you sure it’s SuperFly menu and not X’s standard menu? I don’t see SuperFly even on mobile. If you’re referring to X’s standard menu, then simply change this

@media (max-width: 471px) {

to this

@media (max-width: 1024px) {

Thanks!

[dekyn]

Hi

I am sure that it is the SuperFly menu that is showing on mobiles.

The Superfly menu is NOT showing on desktop – which is correct. It IS showing on mobile phones – which is also correct. But it is also showing on tablets (see the attachment) which I do NOT want it to. Thank you in advance.

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

@media all 
and (min-device-width: 471px)
and (max-device-width: 1024px) {
.superfly-on #sf-sidebar {
     display: none !important;
}
}

Make sure to clear your browser cache before checking.

Thanks

[dekyn]

Hi

I do not to be rude, but I am given the same solution over and over again and it is not fixing the problem!

Hope you can help me.

[Paul R]

Hi,

You can try this code instead.

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.superfly-on .sfm-navicon-button,
.superfly-on #sfm-sidebar {
    display:none !important;
}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.superfly-on .sfm-navicon-button,
.superfly-on #sfm-sidebar {
    display:none !important;
}
}

Can you specify which tablet are you using.

Thanks

[dekyn]

Hi Paul R.

Thank you for the code. It is working!

I am using an ipad air.

Thanks

[John Ezra]

On behalf of Paul and the rest of Theme.co, you’re most welcome! 🙂

[dekyn]

Hi
I do not no what has happend, but suddenly the Superfly menu is not showing at all? So no menu is showing when I open my website on a mobile phone.

Hope you can help

[Christopher]

Hi there,

Please find and remove this code :

@media (max-width: 471px){
.masthead-inline .x-btn-navbar {
    display: none !important;
}
}

Thanks.

[Author]

Posts