Site logo

Archived topic

Design of post archive pages

9 replies · Started by Roger on April 20, 2021

Viewing posts 1–10 of 10

Generateblocks allow you to set different widths for desktop/tablet/mobile.

The default mobile container width under a Grid block would be 100%, you can change it so that it keeps the same value as your desktop settings.

Hope it helps :)

Hello Ying,

I worked on the settings for mobile devices but I couldn't keep the same design as the desktop. The featured image of the post is preventing the content from being aligned horizontally.

Perhaps we can solve this problem by creating an element and adding code to it.

Thanks!

Exactly!

I was using the developer tool to simulate the result, all I did is change the width of the 2 Containers under the Grid to 40%and 60% on mobile, like what you did for the desktop.

When you select the image, don't select the image itself, but select the container which contains the image, then click the mobile icon, set its width to 40%

Do the same for the text Container as well, set to 60%.

Let me know how it works :)

Thank you!

You are welcome :)

This archived topic is closed to new replies.