Hello,
On “menu” page, I’d like each button to be place in the center of the images.
How can I adjust button location on desktop and mobile version both?
Thank you for your assistance in advance.
https://www.yook92.com (password: 692)
Topic summary
A user seeks help centering buttons on images in their Palo Alto theme menu page for both desktop and mobile versions.
Solutions Proposed:
Two app representatives (PageFly-Victor and GemPages) provided similar CSS-based solutions:
- Navigate to Online Store > Themes > Actions > Edit code
- Open the theme.liquid file
- Insert custom CSS code either above
</head>(PageFly’s recommendation) or before</body>(GemPages’ recommendation)
Both responses include code snippets and screenshots to guide implementation. The discussion appears to have corrupted/reversed text in parts of the original post and responses, but the core solution involves adding custom CSS to the theme files to achieve button centering.
Hi @YK92
This is Victor from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Victor | PageFly
Hello @YK92 ,
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team