Docs

[dekyn]

I have installed the extention Superfly Menu. I only want the Superfly menu to show on mobile devices and not on tablets, so I have put tried the following code but it is not working. Can you provide me a correct CSS code?

@media screen and (max-width: 350px) {
.superfly-on #sf-sidebar {
display: none !important;
}
}

Thanks a lot in advance.

[dekyn]

This reply has been marked as private.

[Lely]

Hi There,

Above CSS will hide it in mobile. Please try this:

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
.superfly-on #sf-sidebar {
display: none !important;
}
}

You may want to check this link:https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Hope this helps.

[dekyn]

Thank you for your reply.

I tried pasting tre ned CSS to my childtheme, but the menu is stilling Superfly menu is still showing up on a tablet.

Hope you can help.

[Paul R]

Hi,

Upon checking, I can n longer see your superfly menu even on desktop.

Can you provide us as a screenshot on how it looks in your end.

Please update your theme to latest version.

https://theme.co/changelog/

Thanks

[dekyn]

This reply has been marked as private.

[dekyn]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the screenshot. It is not working because you have CSS syntax error on your child theme style.css file. Please check the following code. This code is not a CSS code but rather a PHP code. It will prevent the CSS below this code from working:

add_filter('wp_head', 'google_font_roboto');

function google_font_roboto () { ?>
<link href='' rel='stylesheet' type='text/css'>
<?php }

Please update that code to this:
@import url('http://fonts.googleapis.com/css?family=Roboto');
That line is the CSS version of getting the Roboto font.

Hope this helps.

[dekyn]

Hi Lely

Thank you for the reply. I am a total novice to coding, and I do not know hos to Update tre code. I know it perhaps is a lot to ask, but can you provide me with the exact code I can place in the child function.php in order to fix the CSS syntax error. Thank you in advance.

[Thai]

Hi There,

I updated the code for you.

Please check your website.

Regards!

[dekyn]

This reply has been marked as private.

[Joao]

Hi There,

I just checked your website on my Ipad and there is no Superfly.

Would mind clearing your tablet´s browser cache and testing again?

Also your image did not upload, max upload size is 500kb

Let us know how it goes

Joao

[dekyn]

This reply has been marked as private.

[Joao]

Glad to hear it.

Joao

[dekyn]

This reply has been marked as private.

[Author]

Posts