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

Last Updated on September 16, 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 Cyber-monday Sale

It's The Divi Cyber Monday Sale! Save Big For A Limited Time 👇

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

Access The Sale
Divi Cyber-monday
Premade Layouts

Check Out These Related Posts

👋 Download The Free Cyber Monday Store Website Pack!

👋 Download The Free Cyber Monday Store Website Pack!

Posted on December 4, 2023 in General News

This year as a special thank you to everyone who purchases an Elegant Themes Membership during our Cyber Monday Sale (and to our wonderful Lifetime customers!) we’ve created several exclusive gifts from our staff to you. Today we’re highlighting the first Divi Website Pack. This vibrant...

View Full Post

7 Comments

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

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

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

  4. 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
Cyber Monday Sale!
Get The Deal
Before It's Gone!
Join To Download Today