Removing the header from mobiles…

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #5932 Reply
    Vlad
    Guest

    Hello,

    I’ve been trying for hours to get the header to look right on a mobile device with no luck. It seems that it’s not possible to resize the header for mobile devices. So I’d like to remove it but this is proving difficult for me also.

    I’ve tried changing the responsive.css file as follows…but still no luck I’m afraid.

    @media screen and (max-width:360px){
    .bjqs-heading, .bjqs-descript {display: none;}

    .entry-excerpt, .entry-thumbnail {
    clear: both;
    padding-right: 0;
    }
    .entry-thumbnail {margin-bottom: 4px;}

    .rtl .entry-thumbnail {padding-left: 0;}

    header {
    background-image: none !important;
    }

    }

    Any ideas,

    Thank you

    #5934
    Ron
    Keymaster

    It seems that it’s not possible to resize the header for mobile devices

    https://ronangelo.com/frontier/theme-documentation/#doc-setting-header

    #5937
    Vlad
    Guest

    I’m sorry but I’ve already read that page and still haven’t got a clue how to remove the header background image when on a mobile device.

    Thanks

    #5938
    Ron
    Keymaster

    As indicated on the documentation, The Header Background Image does not resize. If you want something that does then you should set your image as a logo.

Viewing 4 posts - 1 through 4 (of 4 total)
Reply To: Removing the header from mobiles…
Your information: