How to Optimize Your Responsive Logo Sizing in Divi’s Fullwidth Menu Module
Divi’s Fullwidth Menu Module gives Divi users lots of control over its design. This includes the ability to make any logo completely responsive. One set of controls, the Logo Width and Logo Max Width, work great together to specify the logo size. With just a few adjustments, any Divi user can ensure their logo works great on any screen. In this post, we’ll see how to optimize Divi’s responsive logo size in Divi’s Fullwidth Menu Module. Let’s get started. About My Example Fullwidth Menu Module Settings Before we start, let’s take a look at my example and its settings. We can see that the logo is large for the header. This is a square logo. We’ll also see how to adjust the settings for other sizes and shapes. This gives us a starting point and we’ll see how to adjust it as we go. It will also show why we need to adjust it. Here are my settings: Logo: 150×150 Background Color: #f4f4f4 Style: Left Aligned (I’ll also show Inline Centered Logo when it helps demonstrate the setting) ...