Archived topic
How to adjust the space on mobile preview
5 replies · Started by Paul on July 7, 2021
hello,how are you
pls check the screenshot https://prnt.sc/197ubce
1. want to let the words" book a meeting" in a line, not two different lines on mobile preview. how to do?
2. want to let the 2 buttons Aligned and centered on mobile preview, how to do?
3. i want to add one word " OR " between two buttons, how to do that? the example is https://prnt.sc/197v7ap on mobile or https://prnt.sc/197vano on desktop.
pls guide me to make the changes and thanks much in advance.
have a nice day and stay safe.
Paul
Hi there,
this is really a question for the GB forums - but see this doc:
https://docs.generateblocks.com/article/buttons-overview/#buttons-container-options
There is an option to Stack the Buttons which can be applied just to mobile.
To add a word 'OR' between the two you would actually insert another a button that has NO LINK with just the OR label, and remove all the background colors and padding etc.
HELLO DAVID
Thanks much for your help.
we did them based on ur guides.
but why there are different display?
1/ https://prnt.sc/19hrz1w- it is the screenshot when editting the page on the website platform
2/ https://prnt.sc/19hsi9s - it is the the screenshot on mobile phone
after comparision,
1. The word "OR" has different position on 1/ and 2/- why?
2. https://prnt.sc/19hrz1w - "book a meeting" has two lines, and https://prnt.sc/19hsi9s - "book a meeting" has one line - why?
3. how to adjust the postion of the word" OR " on https://prnt.sc/19hsi9s
pls kindly guide me to solve it and thanks for your patience and understanding
have a nice day
paul
1. You need to click the Stack Vertically option for the Buttons block
2. You need to remove the negative margin on you have added to the first button
3. You need to reduce the padding on the Container Block(s) that surround the buttons - this will give it more space for the buttons.
hello, david
thanks for your help and patience
they are solved perfectly
have a nice day
paul
Glad to hear that and to be of help!
