Divi Blog Module Tablet View

Today I’m going to show you my own way of dealing with the Divi 3 column blog module.

‍

Divi’s default blog module column is three, and I think that is the best way to display the content, where the width of each column has enough space to display the featured image, text, and other elements in a well-balanced property.

The problem with the three-column blog module layout is that when you switch to tablet portrait view, there are two posts at the top and one at the bottom, which is not balanced.

Here I will show you what I am talking about using the browser element inspector and toggle device toolbar. As you can see, the desktop and mobile views look fine.

‍

Here’s what I am going to do. First add the Divi blog module into a new row and go to blog settings, design tab, then open layout and choose grid. After that, go to the advanced tab, open the visibility panel, and check Disable on Tablet.

‍

Next, duplicate the row where the blog module is located and go to blog settings, then the advanced tab, and uncheck the tablet and check both the phone and desktop.

‍

Then, go to the design tab and open the layout panel and select full width. Now you can just play around with the blog width. You can make it a hundred percent or whatever fits your design.

‍

That’s it. My simple way to deal with the blog module in tablet view.

‍