Divi Theme: How to Keep a Logo Section Small on Mobile

If you have a WordPress site created with the Divi theme, you may find yourself in this situation: you create a beautiful "Featured In" or clients logo section with 5-6 columns. It's amazing on Desktop and then you go to view the mobile version, and everything is HUGE.

There's and easy fix for this involving just a little bit of CSS code:

Part 1, add a name to the CSS Class section of the section with your logos, in this example its "six-columns".

Part 2, add this code into your CSS panel:
@media only screen and (max-width: 980px) {
.six-columns .et_pb_column {
width: 33%!important;
}
}

(Replace "six-columns" in code with whatever you put in your CSS ID section).

For the corresponding blog post and written steps ➡️ https://www.kcocreative.com/divi-theme-keeping-logo-section-small-on-mobile/

Sign up for Divi theme* ➡️ https://kcocreative.com/divi/

Thinking of starting up or unleveling a Divi website - I have a FULL course for just $20 ➡️ https://www.kcocreative.com/kco-divi-3

As always, I'm available to help troubleshoot or implement the tech pieces of your business
Send an email ➡️ hello@kcocreative.com
Request a quote ➡️ https://www.kcocreative.com/quote-your-project/
Book a free exploratory call ➡️ https://www.kcocreative.com/exploration-call/
All the FREEBIES ➡️ https://www.kcocreative.com/freebies/
For FREE online courses via Skillshare with a free 2-wk trial ➡️ https://www.kcocreative.com/skillshare-course/
*affiliate link - thanks for supporting KCO and the channel!

Видео Divi Theme: How to Keep a Logo Section Small on Mobile канала Kara from Kara & Co Creative