• Closed
  • John Greene
    Spectator
    09.02.2018 at 18:02 #36456

    Hi – is there a way to remove the header on mobile devices? It’s really large and takes up the whole screen, so I would like to remove the header image for mobile and just have a very small header bar with a search bar and logo.

    Is that possible? Thanks!
    John

    Priyank
    Spectator
    Posts: 747
    10.02.2018 at 06:41 #36459

    Hi,

    Add below Custom Css On Additional Css Area

    @media (max-width: 768px){
    .title-container {
    display: none;
    }
    .header #righttopcolumn{
    display: none;
    }
    .header-bg{
    background: none;
    }
    }

    Thank You

    John Greene
    Spectator
    Posts: 8
    13.02.2018 at 15:51 #36471

    Thank you! That’s very helpful. Is there a way I can also remove the search/menu bar from the header on mobile, and make the logo smaller? it’s still taking up too much screen space on mobile.

    Thanks!
    John

    Priyank
    Spectator
    Posts: 747
    14.02.2018 at 05:48 #36473

    Welcome!!!

    John Greene
    Spectator
    Posts: 8
    14.02.2018 at 14:10 #36481

    Is there a way I can also remove the search/menu bar from the header on mobile, and make the logo smaller? it’s still taking up too much screen space on mobile.

    Thanks!

    Priyank
    Spectator
    Posts: 747
    15.02.2018 at 06:37 #36490

    Hello,

    Go To theme option and follow below step

    Theme Option -> Header -> Menu -> Responsive Menu ( Disable ).

    And Add Below Custom Css On Your Additional Css Area.

    @media (max-width: 768px){
    .menu-container.header_v0 {
    display: none;
    }
    #logo-image {
    width: 50px;
    }
    }

    Thank You

    John Greene
    Spectator
    Posts: 8
    15.02.2018 at 17:15 #36496

    Perfect! Thanks!

    Priyank
    Spectator
    Posts: 747
    16.02.2018 at 05:51 #36498

    Good to hear this.
    Welcome