Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 3, 2023 at 5:04 pm #1412345
    Rainer Kitza

    Dear support,
    I want to fix the color-section of some pages of a site as a kind of sub-header that it doesn’t move upwards while scrolling. Is there a possibility to achieve this?
    Here are 2 examples where I want to implement it:

    Die Entwicklung

    Die Zeitachse

    Thank you for your help
    Rainer

    July 3, 2023 at 11:59 pm #1412372
    Nikko

    Hi Rainer,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top.page-id-388,
#top.page-id-425,
#top.page-id-388 #wrap_all,
#top.page-id-425 #wrap_all {
    overflow: visible;
}

#top.page-id-388 #wrap_all #av_section_1,
#top.page-id-425 #wrap_all #av_section_1 {
    position: sticky;
    top: 100px;
    z-index: 100;
}

    Hope it helps.

    Best regards,
    Nikko

    July 4, 2023 at 6:23 pm #1412452
    Rainer Kitza

    Thanks a lot, Nikko! That works fantastic.
    Be well
    Rainer

    July 4, 2023 at 6:46 pm #1412456
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Fixing a sub-header’ is closed to new replies.