Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 15, 2023 at 12:39 pm #1416336
    klick.design

    Guten Tag,
    ich möchte gerne folgendes zum CSS hinzufügen:
    In der mobilen Version, soll der Header und die Breadcumbs dauerhaft sichtbar sein. Beim scrollen darf der Header gerne schmaler und transparenter werden (so wie in den Standardeinstellungen), aber die Breadcrumbs sollen ohne Abstand zum Header darunter auch immer sichtbar sein. Der Text/Link in den Breadcrumbs soll dann auch linksbündig sein. Sowohl in der Desktop- als auch in der der Mobil-Ansicht.
    Vielen Dank. Matthias

    Good day,
    I would like to add the following to the CSS:
    In the mobile version, the header and the breadcrumbs should be permanently visible. When scrolling, the header may become narrower and more transparent (as in the default settings), but the breadcrumbs should always be visible without a gap to the header below. The text/link in the breadcrumbs should then also be left-aligned. Both in the desktop view and in the mobile view.
    Thank you very much. Matthias

    August 16, 2023 at 8:00 am #1416384
    Ismael

    Hey klick.design,

    Thank you for the inquiry.

    Unfortunately, there is no option for this by default and it will require some customizations that are beyond the scope of support. But if you wish to make the breadcrumb container sticky during scrolling, you can use the following CSS code.

    @media only screen and (max-width: 768px) {

  /* Add your Desktop Styles here */
  .header-scrolled+#main .title_container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
}

    Best regards,
    Ismael

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