Hi @aliraza1129
Try this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width:749px){
.inline-flex.items-center.lg\:flex-row.flex-col.custom__html {
display: flex;
justify-content: center;
gap: 10%;
}
.custom__html .block__text {
margin-right: 0;
width: auto;
}
}
-
And Save.
-
Result:
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Please check the link I shared before. That store is using this box differently. Sometimes, the action button is at the bottom or in front of the text. So, I need that type of section. And that store controls the size of the box. I hope you understand.
I think he is using an app. If he is using the ap then please tell me the name of the app.
Oh, okay, so the shared link isn’t your store? You’re just aiming for a similar design? This isn’t an app; it’s a custom code solution. We can create it for you, but we would need to charge a reasonable fee for our time. Let us know if you’re interested. Thanks!
