Logo gets really small in sticky header

Comments

• Phil

  March 2022

  Hi,

  Please, go to Betheme -> Theme options -> Global -> Logo, check the option Auto width for Sticky Logo, and check if the problem persists.

  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Leuke_Bordspellen

  March 2022

  Sadly this does not solve it
• Phil

  March 2022

  In your website source, I noticed a couple of classes added to the logo image which do not comes from our theme.

  Please, turn off all of the plugins, refresh your cache, and check if the problem persists.

  Moreover, if you use a child theme, switch to parent, and recheck it.

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Leuke_Bordspellen

  March 2022

  I managed to solve the problem by using the following CSS and turning on "Remove max-height & padding for Sticky Logo":

  #Top_bar.is-sticky #logo img { max-height: 50px !important; }

  Thanks!
• Phil

  March 2022

  Good to hear that.

  If you have any other questions or problems, please, let me know.

  
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Leuke_Bordspellen

  April 2022

  It seems like the issue isn't entirely resolved, as I now have a slightly different issue.

  The logo is fine in the sticky header now, but the first time I load the page in my mobile browser, the logo gets insanely small again. Once I scroll and the sticky header appears it's fine, until I scroll all the way to the top, when the logo gets very small again.

  This only happens on mobile, it's fine on desktop.

  I have already disabled all plugins and refreshed the cache, but the issue persists.

  Can this be solved through Custom CSS?
• Phil

  April 2022

  Please, try the following CSS code:

  #Top_bar .logo .logo-mobile{
   min-width: 150px!important;
  }
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next