How to get two buttons next to each other not vertical

Store Design
, ,
1

Hi I am trying to align two buttons so they are next to each other just under the header of my home page

Here is how it appears now (I have hidden this section until I can solve it)

harrograze_0-1681409463899.png
harrograze_0-1681409463899.png1205×619 85.9 KB

I think this is the code for them below - please tell me what I need to add/change?

{
“sections”: {
“b39c4568-4491-4890-a443-712853f1659d”: {
“type”: “rich-text”,
“blocks”: {
“d52e1ec2-b46c-4004-a028-b00c4a05bb2a”: {
“type”: “button”,
“settings”: {
“button_label”: “King’s Coronation Package”,
“button_link”: “shopify://collections/lunch-grazing-platters”,
“button_style_secondary”: true,
“button_label_2”: “Grazing Platter Packages”,
“button_link_2”: “shopify://collections/grazing-packages”,
“button_style_secondary_2”: true
}
}
},
“block_order”: [
“d52e1ec2-b46c-4004-a028-b00c4a05bb2a”
],
“settings”: {
“desktop_content_position”: “left”,
“content_alignment”: “left”,
“color_scheme”: “accent-1”,
“full_width”: true,
“padding_top”: 0,
“padding_bottom”: 0
}

Thank you

1 Like
2

Hi @harrograze ,

Thank you for providing some codes, but that would not help us. Would you mind sharing your website so we can take a look on the right codes?

3

Hi there here you go

www.harrograze.co.uk

Thanks