[Resolved] Help with some Logo Magic

Home Forums Support Help with some Logo Magic

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1517225
    Philipp

    Hi there.

    In case of mobile scroll up I want the logo to minify and stay in the top left.

    Just discovered that my code is not working.

    could you please have a look?

    Oh, and is there a better way to add custom css? using the customiser just adds everything to the html :/

    Thanks a lot!!!

    #1517350
    David
    Staff
    Customer Support

    Hi there,

    should the logo be remaining on screen when scrolling or should it only be displayed within the Sticky Mobile Header ?

    #1517399
    Philipp

    Thank you so much for the quick reply and helping me to communicate what I want.

    yes the logo is supposed to remain on screen. this works quite well most of the time. but sometimes the menu is shown – but the logo is misplaced (under the menu)

    hope this helps.

    thank you!

    #1517544
    David
    Staff
    Customer Support

    Theres no easy way to transition between the logo being within the Mobile Header and not. You could change your CSs to this:

    .navigation-branding img, 
    .site-logo.mobile-header-logo.is_stuck img {
        position: absolute;
        height: 125px;
        top: 0;
        padding: 0;
    }

    The change being .site-logo.mobile-header-logo img becomes: .site-logo.mobile-header-logo.is_stuck img. This way it only absolutely positions the logo when the Mobile header is stuck ( albeit it off the screen on scroll down ).

    #1518126
    Philipp

    thank you! that did it!!

    feels much better

    #1518612
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.