Support » Theme: OceanWP » Hide Header on Mobile and Tablets

  • Resolved adyatan


    Hello, I followed this tutorial and it works perfectly.
    But only on mobile devices.
    How do I make it work on tablets too?
    And after hiding the header how to I add a little bit of space to the top so that my custom header would look perfect?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author oceanwp


    Hello, if you have a custom header, do you want to completely remove the header or just to hide it on tablet and mobile?

    I have the TapTap Mobile Menu Plugin, which creates its own header but it doesn’t remove the previous header. Instead it overlays! So I want to remove the OceanWP header on Mobile and Tablets to display the TapTap header.

    Theme Author oceanwp


    Hi, add this css code:

    @media only screen and (max-width: 959px) {
    #site-header {
        display: none;


    Hi! I need that my header to show only in tablets and mobile, since I create another header with Elementor.

    Or other option. It’s possible to show one custom header in the desktop version and a different custom header in the tablet and mobile?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hide Header on Mobile and Tablets’ is closed to new replies.