Okay
  Public Ticket #170297
How to completely remove footer?
Closed

Comments

  • Richard started the conversation

    Hi,

    I want the footer completly gone. When I simply click the tick box it leaves a blank gap which I don't want to be there.

    Thanks,

    Richard

  •  1,089
    ThemeNectar replied

    Hey Richard, the option in the admin panel is only to remove the footer widget area, not the copyright bar. For that add this into the Custom CSS box located in your Salient Options panel: 

     
    #footer-outer #copyright {
       display: none!important;
    }
    
    Cheers!
  • Richard replied

    Hello,

    Thank you for your response to this. Hate to be a pain but his didn't seem to work. What I want is the whole footer area gone - this code seems to leave a space at the bottom of the page, is it possible to remove that too?

    Thanks for your support,

    Richard

  •  8,992
    Tahir replied

    Hey Richard !

    Try this one 

    #footer-outer {
       display: none!important;
    }

    Cheers


    ThemeNectar Support Team 

  • Richard replied

    That fixed it - thank you very much Tahir!

  •  2
    Jake replied

    What about disabling the footer on mobile sites only? Is it coded in such a way that I can remove the footer on small devices?

  •  8,992
    Tahir replied

    Hey Jake!

    Sure, just add the above css in a media query like this:

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

    Cheers


    ThemeNectar Support Team 

  •  2
    Jake replied

    Works perfectly. Thanks!

  •  2
    Jake replied

    Actually, it only works for really small devices (phones only).. Can I remove the footer on any size screen that switches to the "mobile" dropdown menu icon (instead of the typed out link menu)?

    Thanks! 

  •  8,992
    Tahir replied

    Hey Again!

    Sure, Just change the max-width to 1000px so it works on ipad as well.

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

    Cheers


    ThemeNectar Support Team 

  •  2
    Jake replied

    Thanks Tahir. Great support around here!

  •   Tahir replied privately
  •  2
    Dustin replied

    Is it possible to remove the footer/copyright area just on the home page?

  •  8,992
    Tahir replied

    Sure, Add this into the Custom CSS box located in your Salient Options panel :

    .home #footer-outer {
       display: none!important;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Morris replied

    I would really like to remove the footer and head / top menu from just one page?

    why does this not work?

    page-id-5186 #footer-outer {

    display: none !important;

    }

  •  8,992
    Tahir replied

    Be sure to put it like this, there is a dot missing in page:

    .page-id-5186 #footer-outer {
    display: none !important;
    }
    

    Thanks


    ThemeNectar Support Team 

  • Morris replied

    Thank you so much.  I know this is a css question and not theme related. So thanks for for you help!

    I would now like to remove the top menu from only one page?

    Thanks

  •  8,992
    Tahir replied

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    #header-outer .row .col.span_9 {
        visibility: hidden !important;
    }
    Thanks


    ThemeNectar Support Team 

  • Adam replied

    Tahir - where exactly do I add the Custom CSS in the Salient Theme to get rid of the footer on mobile?

    @media only screen and (max-width: 470px) {
    #footer-outer {
       display: none!important;
    }
    }
  •  8,992
    Tahir replied

    See screenshot: http://prntscr.com/9qd47r .

    Best .


    ThemeNectar Support Team 

  • Adam replied

    Awesome thanks!