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

Last Updated on September 16, 2022 by 8 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 Anniversary Sale

It's The Divi Anniversary Sale! Save Big For A Limited Time ๐Ÿ‘‡

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Anniversary
Premade Layouts

Check Out These Related Posts

New Starter Site for Interior Design (Quick Install)

New Starter Site for Interior Design (Quick Install)

Posted on March 23, 2025 in Divi Resources

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch...

View Full Post

8 Comments

  1. Where in this work did you explain how to call up the sizing menu?

  2. 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.

  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. 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!

  5. 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.

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

๐Ÿ‘‹ It's The Divi
Anniversary Sale!
Get The Deal
Before It's Gone!
Join To Download Today