Navigation
Archive / Fixed menu below a full page header image (like theme.co/x)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 25, 2016 at 11:42 pm #1304306
    Karthikeyan R
    Participant

    Hi there, I’ve created a header a full page header image like the theme.co/x using the hook x_after_site_begin. However, I am not able to
    1. Make the image exactly the size of the screen ( there is a little more of the image below the fold), and
    2. The navbar/menu needs to be at the bottom of the screen as well, and I do not get how to do that.

    Could you help?

    Cheers

    December 25, 2016 at 11:44 pm #1304312
    Karthikeyan R
    Participant
    This reply has been marked as private.
    December 26, 2016 at 12:11 am #1304327
    Paul R
    Moderator

    Hi,

    Please change height and min height to this.

    
min-height:0; height: calc(100vh - 80px);

    Then add this in custom css

    
.admin-bar.home #x-section-1 {
   min-height:0; height: calc(100vh - 112px);
}

    Hope that helps.

    December 26, 2016 at 12:17 am #1304330
    Karthikeyan R
    Participant

    Sure did Paul. Hope you had a good christmas and thanks a bunch for the timely assist

    December 26, 2016 at 12:38 am #1304337
    Paul R
    Moderator

    You’re welcome! Merry Christmas

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1304306 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>