Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 20, 2021 at 2:23 pm #1274055
    aboderc

    Ich möchte das Header Verhalten, fixierte Kopfzeile auf einer einzelnen Seite verhindern bzw soll die komplette Kopfzeile als nicht fixierte Kopfzeile “wegscrollen” und das Avia Element “Untermenu über volle Breite” auf dieser Seite nach dem scrollen das “Hauptmenu” werden.

    Kann ich das via css und .page-id-xxxx erreichen?

    January 20, 2021 at 8:20 pm #1274184
    Victoria

    Hey aboderc,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    January 21, 2021 at 12:04 pm #1274334
    aboderc

    Login in private content.

    The idea is that only on this page the main menu should disappear completely and the avia element fill width menu should scroll up and stay sticky. On all other pages the main menu should remain the current behaviour. Hope that makes sense.

    Cheers,
    Stefan

    January 22, 2021 at 1:13 pm #1274682
    Victoria

    Hi aboderc,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top.page-id-585 .header-scrolled {
    display: none;
}

#top.page-id-585 .header-scrolled + #main #sub_menu1 {
    top: 50px !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 22, 2021 at 5:04 pm #1274790
    aboderc

    Perfect, thanks

    January 22, 2021 at 6:08 pm #1274827
    Victoria

    Hi aboderc,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Header Verhalten, fixierte Kopfzeile auf einer einzelnen Seite verhindern’ is closed to new replies.