Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 24, 2021 at 3:32 am #1301876
    navindesigns

    Hi,

    How do I move the extra elements section below the header header? https://theavantnyc.com/

    Also it should stick with the header once the page is scrolled after moving below the header

    Thanks

    May 24, 2021 at 11:46 am #1301973
    Yigit

    Hey,

    Thanks for contacting us!

    Assets on your website do not load correctly on my end at the moment so I am not sure if that would help but could you consider using Fullwidth Sub Menu element which becomes sticky once it reaches the bottom of header? :)

    Regards,
    Yigit

    May 25, 2021 at 4:55 am #1302121
    navindesigns

    my site is loading now.

    I basically want that very top bar (Now open for virtual or in person tours. Click here to schedule.) to move below the header/menu area on ALL pages,

    Thanks

    May 25, 2021 at 7:52 am #1302152
    Nikko

    Hi navindesigns,

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

    #top #header {
    display: flex;
    flex-direction: column-reverse;
}

@media only screen and (min-width: 990px) {
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 139px !important;
  }
}

    Best regards,
    Nikko

    June 4, 2021 at 1:33 am #1303907
    navindesigns

    that worked perfect

    thank you so much

    June 4, 2021 at 2:21 am #1303916
    Nikko

    Hi navindesigns,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Move Extra Elements below header’ is closed to new replies.