Spacing Issue

Hi Suman,

Your headline block is set to display: flex;, so you can set a column gap to add space between the highlighted text and other texts

Here's a screenshot for your reference:https://www.screencast.com/t/yNeMt32y

Thank you, Ying. The issue is fixed.

I am unable to center-align the button on mobile view.
https://imgur.com/a/xYAn3Ui

Can you please help me fix it?

Hi there,

select the Buttons Container, switch to Mobile view and in Layout select the align center option.

Hi David, I am not that well versed with Generatepress.

Can you please post some screenshots to illustrate which option you're referring to?

I have tried to center the main container vertically, but it doesn't work.

See here:
https://www.screencast.com/t/Spt1UjJCtbYN

Hi David, thank you for the detailed illustration.

I have tried doing that, but it doesn't work.

I have also selected the Display to Flex and tried applying the setting, but it didn't work.

You need to make sure you select the Buttons Container, NOT the button inside it.

Sorry, I am unable to see any such option in the container.

See here:

https://www.screencast.com/t/mPJcYS4om9

But those are the older GB Button so you can use the Fill Horizontal Space option.

Hi David, thank you for the response.

Upon activating the option it's stretching the button which I do not want.

I want the button to get centered without getting stretched. Thank you.

With the Buttons block selected. And in Mobile view. The Block Toolbar has the Align options. Select the center option there.

Hi David, sorry to be a bother, but can you please illustrate with some screenshots? That'll be really helpful.

Check this screenshot: https://www.screencast.com/t/3tt99EQXY

Thank you to both of you, David and Ying. It fixed my issue.