• Closed
  • John Greene
    Spectator
    February 9, 2018 at 6:02 pm #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
    February 10, 2018 at 6:41 am #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
    February 13, 2018 at 3:51 pm #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
    February 14, 2018 at 5:48 am #36473

    Welcome!!!

    John Greene
    Spectator
    Posts: 8
    February 14, 2018 at 2:10 pm #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
    February 15, 2018 at 6:37 am #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
    February 15, 2018 at 5:15 pm #36496

    Perfect! Thanks!

    Priyank
    Spectator
    Posts: 747
    February 16, 2018 at 5:51 am #36498

    Good to hear this.
    Welcome