Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 13, 2018 at 3:38 pm #1044909
    zugerberg-finanz

    Hi everybody
    I moved the logo to the top via CSS:

    .logo {
    margin-top: -38px;
}

    But now I have the problem that the logo overlays the language switch – so the links can no longer be clicked.
    How do I bring the language switch BEFORE the logo?

    Thanks for your help.

    Best regards,
    Esther

    December 13, 2018 at 5:34 pm #1044944
    michaelH

    Hi Esther

    You can bring the language switch before the logo by using the z-index value e.g. 1.
    If you use z-index: 2; for the logo, the language switch should be displayed in front of the logo.

    Hope that helps.

    Cheers
    Michael

    December 14, 2018 at 12:01 pm #1045216
    zugerberg-finanz

    Hi Michael
    you mean 2 for the language switch, and 1 for the logo?
    (An element with greater stack order is always in front of an element with a lower stack order.)
    Thanks anyway, got it ;-)

    Best regards,
    Esther

    December 14, 2018 at 12:12 pm #1045223
    michaelH

    Hi Esther

    Oh yes, you are right of course – sorry about that :)
    Does it work?

    Best
    Michael

    December 14, 2018 at 12:18 pm #1045225
    Guenni007

    but be carefull if the overflow is not set sometimes on transparencies the z-index 1 will not be clickable in your example

    December 14, 2018 at 5:15 pm #1045335
    zugerberg-finanz

    Hi Michael

    Yes, everything works fine. Thank you.

    Happy Weekend, Esther

    December 14, 2018 at 5:35 pm #1045347
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo before the language switch’ is closed to new replies.