We use cookies on this website to provide better user experience.Learn more

Ability to have different size logos based on breakpoints

2

When in the sticky navigation settings, there isn’t a way to define a different size logo for each of the responsive breakpoints.

It would be great to have this, so that the images used could be optimised for the screen size.

This could be a slider for logo height, or maybe the ability to upload a different image file for each breakpoint?

Thanks David!

4 Comments

  • Hi Mark,

    thanks for creating the feature request! 🙂
    I wonder how this is related to the sticky navigation. There’s a slider that lets you change the size of the logo for sticky navigations. On mobiles (and tablets), the mobile menu kicks in – there’s no such option to have a different size for the sticky navigation – that’s correct.

    If that’s what you’re looking for, you can tweak the size by adding a bit of custom css, here’s an example on how it would look like:

    .wpbf-navigation-active .wpbf-mobile-logo img {
    height: 50px;
    }

    Please let me know if that works for you 🙂

    Best,
    David

    Reply
    • Hi David,

      thanks for the quick response and the CSS!
      I think that the point is that the one setting affects logo height for both mobile & tablet.

      If you size the logo so it looks good for mobile, it can look too small on tablet. And likewise, if you size it for tablet, it can look too large for mobile.
      Does that make sense? (or am I missing something?)

      Regards, Mark

  • Hey Mark,

    ahh, sorry for the confusion! That’s what I was thinking was the issue in the first place, I just got confused again by the “sticky navigation” 😀 Thanks for clarifying! 🙂

    This makes sense, I’ve added this to the roadmap.

    Best,
    David

    Reply

Leave a Comment

Your email address will not be published. Required fields are marked *

Page Builder Framework

A Page Builder’s best friend.

Sign up for the Newsletter
Join the Community