I am using debutify and using gempages to build product page. Whenever I add a dynamic checkout button on gempages and go to check how it looks and the button is always really small even though I select ‘full width’. Can someone help me? I have added an image below to show what I mean:
Topic summary
A user is experiencing styling issues with the dynamic checkout button when using GemPages to build product pages on a Debutify theme. Despite selecting ‘full width’ in GemPages, the button appears small.
Initial Solution Provided:
- PageFly-Victor suggested adding custom CSS code to the theme.liquid file (pasted before the closing tag)
- This successfully resolved the width issue
New Problem Emerged:
- After applying the fix, excessive spacing now appears between the ‘Add to Cart’ and ‘Buy Now’ buttons
- The dynamic checkout button isn’t displaying at full height
- An image was shared showing the spacing issue
Current Status:
- The discussion remains open with the height/spacing problem unresolved
- Another user (TTCarlitos) reported experiencing the same issue and is seeking a solution
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
Hope that my solution works for you.
Best regards,
Victor | PageFly
Thanks so much this worked in making it full width but I have another issue now.
The dynamic checkout button isn’t at the full height which causes there to be a lot of spacing between the add to cart and buy now button. Any extra help is appreciated.
1 Like
I also have this problem - did you find a way to solve it?