Site logo

Archived topic

Mobile spacing controls are not working in Generateblocks.

9 replies · Started by Rishabh on October 26, 2020

Viewing posts 1–10 of 10

Hi,
I am using Generateblocks to create a design.
But the mobile and tablet spacing controls are not working for me. They are inheriting the values from desktop controls by default.

Screenshot 1: https://photos.app.goo.gl/UhJDPxxAEApAQhgh9
Screenshot 2: https://photos.app.goo.gl/UvQwtHTx8oRLHzK1A

In the above screenshots, I am trying to use different paddings for desktop and mobile, but it doesn't seem to work.

Hi there,

do those changes apply when you view the actual page ?

If not - can you share a link to your site where i can see the issue.

Preview responsive views is a new thing in WP 5.
They will be supported in GB 1.2 which will be available soon.

So I just published the design and the design is working properly.

Thanks for your help.

You're welcome

Hi, there's just one more little issue.

On my page: https://www.quickserp.com/new-page/

The 4-column area below "Choose a category" option is left-aligned (the space on right side is greater than the space on left).

So, is there any way to move it to the center?

Thanks.

You will need to center-aligned the content in each column:
https://www.screencast.com/t/Ssw2CJOgp

I would recommend using the grid blocks from GB instead of the columns block from WordPress since you are already using GenerateBlocks :)

Thanks for replying Leo.

I am using Grid now instead of columns, I am using the below css to center-align all the content:

.category-generateblocks{
align-content:center !important;
text-align:center !important;
}

I have added category-generateblocks class to all the containers inside the grid. But still, it's not moving to the center.

Thanks, it worked perfectly.

No problem :)

This archived topic is closed to new replies.