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

Posted on August 30, 2022 by in Divi Resources 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

Divi Plugin Highlight: WP and Divi Icons Pro

Divi Plugin Highlight: WP and Divi Icons Pro

Posted on November 20, 2022 in Divi Resources

WP and Divi Icons Pro is a third-party plugin that adds over 3900 icons with 11 different styles to the Divi Builder. Icons include Font Awesome, Material Design, and custom icons. You can also upload your own and use them with all the others. In this post, we’ll take a close look at WP and Divi...

View Full Post
Divi Plugin Highlight: Divi Shop Builder

Divi Plugin Highlight: Divi Shop Builder

Posted on November 19, 2022 in Divi Resources

The Divi Shop Builder adds 14 new modules to the Divi Builder that allow you to customize the design of default WooCommerce pages with Divi. The plugin also comes with some premade shop layouts to give you a jump start on customizing your site. If you run an online store using WooCommerce and want...

View Full Post


  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.

Join To Download Today