Different header heights for different pages

  • Author
    Posts
  • #114215

    Hello!

    I am using the Bravada theme (free version) and wondering if there is a way to have the header image in fullscreen on the homepage (I have enabled ‘Landing Page’), but with a customised height on the remaining pages?

    I have now chosen “Fullscreen Header Image – Off” with a Header image height of 400px. This seems to work on Desktop, where the homepage header image is still in fullscreen and the remaining pages has 400px. But on mobile, the header height is the same on all pages.

    Website: www.lovgrenco.se

    #114280

    Hey!

    I fixed this by setting the landing page slider to ‘banner image’ (with a large banner image) and then having the other pages’ header images as small as I could make them (header > content > header image height), while still containing the page titles. This seems to work in terms of minimising the header of other pages for mobile display, although I’m struggling with having the theme work for mobile in other respects (menu and page title from the header are all over the place!!)

    Hope this helps! 🙂

    -Margot

    #114699
    Zed
    Cryout Creations Team

    Hi,

    You can selectively re-enable the image’s full-height behaviour (after disabling it in the options) for the homepage only with CSS:

    .home .lp-staticslider {
        height: 100vh;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 3 posts - 1 through 3 (of 3 total)

You need to log in to reply to this topic.