Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 17, 2019 at 1:34 pm #1148915
    diggital

    Hi,

    I’m using a text logo with your provided function add_filter('avf_logo_final_output', 'avf_text_logo_final_output'); in the functions.php of the child theme.
    When scrolling down, the minimized height of the logo area is too low so that the subtext is running out of the logo area into the transparent area instead.

    Which CSS code do I need to handle the scrolled height?
    I tried .header-scrolled .logo and min- or max-height, but nothing happens.

    Thanks for helping!

    Best regards,
    Dirk

    October 18, 2019 at 2:17 pm #1149269
    Victoria

    Hey Dirk,

    Well, there is no room on the shrinking header for the logo subtext. I suggest you hid it in the shrank logo.

    Best regards,
    Victoria

    October 18, 2019 at 2:50 pm #1149287
    diggital

    Hey Victoria,

    that’s why I asked for the CSS code to adjust the max-height of the logo when scrolled.
    I already have the media queries working well in different screen resolutions so that logo und subtext are always justified.

    Could you kindly share a code?

    Best regards,
    Dirk

    October 18, 2019 at 7:36 pm #1149386
    Victoria

    Hi Dirk,

    In this case, it is not the height that determines the size of the logo, it’s the font size as I showed you in the video, did you see it in private?

    Best regards,
    Victoria

    October 21, 2019 at 10:58 am #1149797
    diggital

    Hi Victoria,

    yes I saw the video, but this doesn’t solve it, because the text logo itself works fine in different resolutions,
    only the subtext doesn’t and that’s why I think if just the height instead of the logo size (font size) is customized it should be fine?

    Best regards,
    Dirk

    October 22, 2019 at 5:40 pm #1150230
    Victoria

    Hi Dirk,

    Yes, the text logo works fine, the shrank logo is about 50px in height and so there is no room for the subtext.

    You can try playing with this css:

    
#top .header-scrolled .logo .subtext {
    font-size: 11.2px;
    top: 16px;
}
#top .header-scrolled .logo a {
    font-size: 20px;
}

    Best regards,
    Victoria

    October 25, 2019 at 2:01 pm #1151212
    diggital

    Hi Victoria,

    thanks for the code.
    I tried it and it works, when I played with different sizes to justify logo and subtext.

    Best regards,
    Dirk

    October 26, 2019 at 5:05 am #1151318
    Rikard

    Hi Dirk,

    Great, I’m glad that Victoria 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

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