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
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
Yes I did. No Luck. I have 4 footer columns (image, html). I tried with other browsers on other mobile phones etc
THX Freek
Hi,
I can’t see the CSS being applied, where exactly did you add it?
Best regards,
Rikard
Where it belongs I guess (Enfold hold Options – custom css).
See: https://imgur.com/a/ZSndY for a screenshot
THX Freek
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
That did the trick. Does this mean that there is a problem in my custom css?THX Freek
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
I will. Thanks for the support! freek
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