How to hide header and footer with Revslider for mobile ?

[Namsey]

Hello , I want to hide the header and footer on the home page with Revslider only on mobile.
Can you help me?
Thank you very much.

Attachments:

You must be logged in to view attached files.

[Kamal]

Hello @Namsey,
You can hide header and footer on your home page just putting the following code

COPY CODE

@media screen and (max-width: 480px) { 
   body.home-page #header, body.home-page #footer { 
   display: none !important;
    } 
}

to your the style.css file of KLEO Child Theme. You can edit the file from Appearance>Editor>Style.css. Please just copy and paste the code to the style.css file and save. Then visit your site. I have tested on my site. It works fine. Please let me know if it works for you. Thank you very much. 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts