6.6 Optimize your Divi website for mobile devices

A majority of the internet traffic comes from mobile devices so make sure that you have a mobile optimized website. Divi is responsive by default but you still need to tweak your font sizes, padding and other fine tuning for smartphones and tablets.

We'll also explore how to hide and display content for different devices.

All links, files and code snippets mentioned in the chapter is available below. 👇

🔗 AFFILIATE LINKS WITH EXCLUSIVE DISCOUNTS

This video is not sponsored but it contains affiliate links to SiteGround and Elegant Themes. If you make a purchase via these links, I’ll receive a commission. But it will NEVER cost more for you. Your support makes it possible for me to create more free content. Thank you! 🙌

🔗 DOWNLOAD FREE LAYOUTS & OTHER RESOURCES

⚡ DiviMundo was founded in 2017 by Victor Duse, the tutor in this video.

Affiliate disclaimer

We are dedicated to sharing knowledge about WordPress and Divi. Some of the links in this video are affiliate links. This means if you click on the link and purchase the item, I will receive an affiliate commission, but it will never cost more for you. Divi is a registered trademark of Elegant Themes, Inc. DivMundo is not affiliated with nor endorsed by Elegant Themes, SiteGround or any other brand mentioned in this video.

[BihnDan]

This is exactly the content I needed to see. Perfect. Thanks!

[krystofdostal]

Hello do you know why ms website looks so messy horizontally on tablet but good vertically? Is there a way to change website looks onlx horizontally and vertically it will still look the same?

[filip.dzankic]

This saved me soo much time. Thank you!
I've been trying to figure out Divi and how I could change this. Any chance you have a tip where in the code I should insert a transition so I make the expansion and collapsing smooth? :)

[AliciaFrancis-oe]

When I edit the module to look good in tablet or phone mode it automatically changes my web browser mode. How do I differentiate between the two themes so that when I edit phone mode it only affects that view?

[digitallydrivenmedia]

thank you so much for this amazing tutorial. Everything is working for me except the icons in the blurb module. For some reason, the icons won't appear on any of the 3 views. Any ideas why this might be happening?

[RA-porl]

Hej! Tusen tack för grymma tutorials! Tänkte bara fråga hur man ändrar storleken på loggan i mobile version? Min är superliten och det går inte att ändra storlek med custom css :/

[Guldhammer_DK]

Thank you for a good video - one question - how did you get the blurbs in the last minute of the video to stack in 3 on tablet? normally they stack beneath each other right?

Also do you ever consider using the Theme Builder and make individual pages for tablet and mobile?