Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #184498

    I’m trying to create a single image landing page with the menu and logo on top image the image. Like this: (link)

    Can the be done?

    Thanks

    #184561

    Hey covaun!

    You can use the Fullscreen Slider or the LayerSlider then add this on your custom.css or Quick CSS to move the content upwards.

    .fixed_header #main {
    padding-top: 0;
    }

    You can change the transparency of the header using this:

    .header_bg {
    opacity: .1;
    filter: alpha(opacity=10);
    }

    Regards,
    Ismael

    #184594

    Great. Thanks.

    #184616

    Guess I spoke too soon. It just gives it a normal header.
    Link

    #184618

    Nevermind, I got to work.

    #184625

    Ugggg. Sorry back again. How can I only have this effect the homepage. I tried the .page-id-XX, but it’s not working.

    #184675

    Hi!

    You can add the .home selector:

    .home .fixed_header #main {
    padding-top: 0;
    }
    
    .home .header_bg {
    opacity: .1;
    filter: alpha(opacity=10);
    }

    Best regards,
    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Single Image Landing Page w/menu’ is closed to new replies.