Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 14, 2023 at 11:43 am #1428080
    dondela

    Dear support,

    i figured out how to make the logo overlapping the content below. But i want it to make it bigger and to overlap more without making the white menu-bar higher (like in the layout screenshot). Is this possible?

    December 15, 2023 at 6:29 am #1428178
    Nikko

    Hi dondela,

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

    .responsive #top #header #header_main .inner-container .logo, 
.responsive #top #header .logo a {
    height: 148px;
    overflow: visible;
}

.responsive #top #header .logo img {
    width: 300px;
    max-width: 300px;
    height: 222px;
    max-height: 222px;
}

    Hope it helps.

    Best regards,
    Nikko

    December 15, 2023 at 11:19 am #1428196
    dondela

    Hi,
    thanks for your help!
    Now the Logo is bigger.
    Would it be possible to place the logo a little lower? And that the code only runs on desktop views?
    So that the logo doesn’t look so big on mobile.

    December 15, 2023 at 1:28 pm #1428207
    Nikko

    Hi dondela,

    I’m glad that we could help you :)
    To make it only run for desktop and make it a little lower, please replace the code I gave with this one:

    @media only screen and (min-width:1080px) {
  .responsive #top #header #header_main .inner-container .logo, 
  .responsive #top #header .logo a {
    height: 148px;
    overflow: visible;
  }

  .responsive #top #header #header_main .inner-container .logo {
    transform: translateY(55%);
  }

  .responsive #top #header .logo img {
    width: 300px;
    max-width: 300px;
    height: 222px;
    max-height: 222px;
  }
}

    The code to lower it a bit is:

    .responsive #top #header #header_main .inner-container .logo {
    transform: translateY(55%);
}

    The old value was 50%, so just increase or decrease the value as you see fit.

    Best regards,
    Nikko

    December 15, 2023 at 3:18 pm #1428228
    dondela

    Dear Nikko,
    thank you so much for your great support!

    December 16, 2023 at 5:06 am #1428254
    Nikko

    Hi dondela,

    I’m glad that we could help you :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Logo overlapping content below’ is closed to new replies.