Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • May 29, 2019 at 5:30 pm #1105213
    P4K

    Hi There, is it possible to create a fixed logo, that sits on top of the Menu and disappears with scrolling but the menu stays sticky on top of the Site?

    Look this example: http://www.kasten-mann.de

    Thank you?

    Péter

    May 29, 2019 at 7:31 pm #1105241
    Jordan Shannon

    Hey P4K,

    The logo disappears when i scroll on your site. Was this resolved?

    Best regards,
    Jordan Shannon

    May 29, 2019 at 7:43 pm #1105247
    P4K

    Hey Jordan,

    This is not the Site, its an Example for better understanding…

    Regards..
    Peter

    May 31, 2019 at 5:05 pm #1105755
    Jordan Shannon

    Hi,

    Did you try to go to Enfold > Header > Header Behaviour and check “Sticky Header” and “Shrinking Header”

    Best regards,
    Jordan Shannon

    May 31, 2019 at 5:20 pm #1105765
    P4K

    Hey Jordan, of course I tried, but the Logo will not disapear without additional css or another. I tried splitmenu with css but this did not really help. One Idea could be to place the Logo on the top of the Content and hide the Logoarea above the menu. The menu area could be placed offset, but then I have the Problem, that it did not really Stick on the top while scrolling, the Offset will Stay.

    Perhaps someone who is really familiar with additional css in Endold and could help?

    Thanks Peter

    May 31, 2019 at 5:27 pm #1105767
    Jordan Shannon

    Hi,

    Did hiding the logo via css with the sticky and shrinking header not produce the desired effect?

    Best regards,
    Jordan Shannon

    May 31, 2019 at 5:29 pm #1105770
    P4K

    Not really, but perhaps im not that deep into css.
    Do you have an idea how to?

    May 31, 2019 at 5:31 pm #1105771
    P4K

    Shrinking the Logo will not have the same Effekt while it will Stay in the small size, or is it possible to shrink to Zero?

    May 31, 2019 at 5:33 pm #1105772
    Jordan Shannon

    Hi,

    You can hide or reduce the opacity. Reducing the opacity may look cleaner. You have to target the reduced header class.

    Best regards,
    Jordan Shannon

    May 31, 2019 at 5:38 pm #1105776
    P4K

    Ok, I’ll try… hope I’ll find a Solution.
    Peter

    May 31, 2019 at 5:44 pm #1105783
    Jordan Shannon

    Hi,

    We’ll be here :)

    Best regards,
    Jordan Shannon

    June 3, 2019 at 4:06 pm #1106738
    P4K

    Hey Jordan,
    I tried with this:

    .header-scrolled .logo a, .header-scrolled .logo a img {height: 0px !important;}

    and this is nearly what i want. But somehow i think i can’t find the right area to shrink, since there will stay a 78px hight border above the Menu that i would like to hide.

    Pls. could you help?
    Thank you,
    Péter

    June 4, 2019 at 3:06 pm #1107127
    Nikko

    Hi P4K,

    Go to Enfold > Header > Header Layout (tab), set You can choose various different logo and main menu positions here to Logo Center, Menu below
    Then in the Header behavior (tab), check Sticky Header and Shrinking Header.
    Go to Enfold > General Styling > Quick CSS, and add this css code:

    .header-scrolled #header_main .container.av-logo-container {
    display: none;
}

    Best regards,
    Nikko

    June 4, 2019 at 3:19 pm #1107131
    P4K

    Hello Nikko! Thanks, that worked.
    Another question, is there a tool or something that i can use to find the right class/ID?
    For a beginner this is really hard to address the right containers since there are a lot.

    Thank you P.

    June 4, 2019 at 5:34 pm #1107189
    Nikko

    Hi P4K,

    Yes, I’m not sure if you’re familiar with Web Inspector, if you’re using Google Chrome (most modern browsers have this tool), you just need to right click on anything inside the browser content and click Inspect Element, you should see the html structure and you’ll see the right class. Here’s a screenshot of how it looks: https://imgur.com/hQ3t0HZ
    There’s a lot of video available on youtube regarding it :)

    Best regards,
    Nikko

    June 5, 2019 at 9:14 am #1107425
    P4K

    Hey Nikko, thats awesome!
    Thank you. this is what i was searching for.

    All the Best, Péter

    June 5, 2019 at 12:58 pm #1107521
    Rikard

    Hi Péter,

    Great, I’m glad that Nikko could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 5, 2019 at 1:12 pm #1107533
    P4K

    Thanks Rikard, you can close this topic…

    June 5, 2019 at 2:43 pm #1107593
    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 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Logo fixed and Menu Sticky?’ is closed to new replies.