Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #905877

    Hi,
    I want to completely remove the footer on a mobile device. I searched this forum and used the following code, but no luck. Can you help me out?
    @media only screen and (max-width: 767px) { #socket { display: none !important;}}
    and
    @media only screen and (max-width: 767px) {#footer { display: none !important;}}
    found on this link: link

    THX Freek

    #905901

    Hey Freek,

    Thanks for submitting your question. Your second css declaration above should work:

    @media only screen and (max-width: 767px) {#footer { display: none !important;}}

    Did you make sure to clear your cache a few times over?

    Best regards,
    Jordan Shannon

    #906088

    Yes I did. No Luck. I have 4 footer columns (image, html). I tried with other browsers on other mobile phones etc
    THX Freek

    #906336

    Hi,

    I can’t see the CSS being applied, where exactly did you add it?

    Best regards,
    Rikard

    #906337

    Where it belongs I guess (Enfold hold Options – custom css).
    See: https://imgur.com/a/ZSndY for a screenshot
    THX Freek

    #906383

    Hi,

    Try adding it to the very top of quick css. This will ensure it runs first in case anything above or below it now is broken.

    Best regards,
    Jordan Shannon

    #906386

    That did the trick. Does this mean that there is a problem in my custom css?THX Freek

    #906389

    Hi,

    Great! I’m glad that worked. Yes, you would now want to go through your custom css and make sure everything is structured correctly.

    Best regards,
    Jordan Shannon

    #906390

    I will. Thanks for the support! freek

    #906392

    Hi,

    No problem, I’m glad we were able to help. If you need anything else please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Remove footer completely on mobile device’ is closed to new replies.