Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 13, 2020 at 7:54 am #1252458
    barrystrauss

    Is there a way to add a 250px deep header with images (no links required as they’ll be in the hamburger).

    To give you an idea, see my website in the private content. Instead of the hero banners on each page, I’d like to turn each one into a header that is sticky.

    Thanks!

    October 13, 2020 at 7:56 am #1252460
    barrystrauss
    This reply has been marked as private.
    October 16, 2020 at 6:47 am #1253152
    Ismael

    Hi,

    Thank you for the inquiry.

    Have you tried setting the position of the first section or the hero banner to fixed? This should make that particular section sticky, but it looks a bit distracting and it also consumes a lot of space leaving less for the more important content.

    #av_section_1 {
	position: fixed;
}

    Best regards,
    Ismael

    October 17, 2020 at 2:33 am #1253360
    barrystrauss

    Yeah, you’re correct that it leaves less space for the important content. Would like to see how it would work since I’m getting asked that by the team.

    So, I added the code in the css box and it does freeze the top section, but the sections underneath it scroll over that top section now. Any way to have the other sections scroll under the top section?

    October 20, 2020 at 8:34 am #1254259
    Ismael

    Hi,

    Thank you for the update.

    we could place the succeeding content under the first section by increasing its z-index property. Please edit or replace the previous css code with the following.

    #av_section_1 {
        z-index: 1000;
	position: fixed;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.