How to Optimize Your Responsive Logo Sizing in Divi’s Fullwidth Menu Module

Posted on August 30, 2022 by 7 Comments

How to Optimize Your Responsive Logo Sizing in Divi’s Fullwidth Menu Module
Blog / Divi Resources / How to Optimize Your Responsive Logo Sizing in Divi’s Fullwidth Menu Module
Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting
Premade Layouts

Check Out These Related Posts

Get a Free Beauty Salon Layout Pack for Divi

Get a Free Beauty Salon Layout Pack for Divi

Posted on March 27, 2023 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi. This time around, the design team has created a beautiful Beauty Salon Layout Pack that’ll help you get your next Beauty Salon...

View Full Post

7 Comments

  1. My understanding was that width was relative to the containing element (ie column/row), as opposed to the max-width setting — isn’t this how width works on all other modules? Is it different with the logo width?

    • I thought the same.
      And in my case, I only use 80% width and it seems to work. On mobile I also change the full logo image to the square logo image, still with only setting 80% width.

  2. I am confused here. Normally you set the Width as a %, VW of VH and the Max Width as a fixed pixel value to overrule the width if that gets larger.

    It doesn’t make sense that the Logo Width is a percentage of the Max Width. If that were the case then it’s much easier so simply set the Width to 100% and the Max With to the desired value. That way you (and the browser) don’t need to do calculate. For example, if I want a width of 80px then according to your explanation this would be exactly the same:

    – Width = 80% and Max Width = 100px » I have to calculate 80% of 100px = 80px
    – Width = 100% and Max Width = 80px » no calculation needed

    • Thank You Jean-Pierre for your comment. Reply by Randy is highly appreciated!

  3. Really an interesting piece of information it was really helpful, I’m new to optimization and this really helped me gain information which was really needed

  4. Lol, out here hustling hard for those backlinks huh 😀 It’s a great article, but we also think it would be really cool if Divi could come out with an auto-resizing capability. We’ve built some code that does this for Squarespace websites and will look into it if we get a wordpress client who wants it.

    • If you use a company name, obvious alias, or keyword stuffed phrase your comment will be deleted and marked as spam.
      Not my words.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Join To Download Today