Divi Mobile Solutions

Getting Your Logo to Span Full Width on Mobile View

Written by Divi Mobile Team

On May 8, 2018

The logo for most companies or individuals is the centerpiece of their product or identity. When landing on a mobile site, the logo on most responsive sites ends up being small or squished onto the screen. Divi does ok with the logo on mobile if you get it setup precisely, but there is a simple way to have the logo pop on mobile devices.

 

First off lets just focus on getting your logo to pop on your landing page. Chances are you can link to your responsive pages from there.

Create a standard section, make the row one column and add an image module.
Within the row settings, make sure to turn on full width under the design area.
Right click the section and tell it to disable on tablet and desktops.

Mobile should be call to action, so a need for a menu / navigation via mobile on your home page is not needed, but just in case you want a navigation menu add this step.
Add a full width section under the section you just created and add the navigation menu module.
Select your menu
Right click the section and tell it to disable on tablet and desktops.

 

A great logo size for mobile devices is max width 320 px. and max height of 185 px.

I usually try and get my logo’s if possible to be 320px x 120px. If the logo is square I try and keep it to a max of 185px x 185px.

You May Also Like…

How to Control the Divi Mobile Menu Top Border

How to Control the Divi Mobile Menu Top Border

Adding some color or flare to your divi mobile menu is a nice idea, but what if want to control it on a page by page basis? Yes it is possible with a little bit of CSS. You may even want the whole top border to be gone and not used at all. The CSS is listed below. You...

How To Add Text Above or Below the Mobile Hamburger Menu

How To Add Text Above or Below the Mobile Hamburger Menu

Adding some text below or above the mobile hamburger menu on Divi is really easy to add and edit to your liking.  With the code below simply add it to your Divi / Theme Options / Global CSS and you are done. You can change  the word MENU to anything you like, change...

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *