A user is experiencing layout issues where buttons created in HTML within a collection page description overflow and don’t fit properly on mobile screens, despite displaying correctly on desktop.
Current situation:
Suggested solution:
The user is trying to identify what differs between the working and non-working implementations. Further troubleshooting may require developer team assistance.
Hello,
I am having issues with my buttons not fitting on a mobile screen. The URL is https://mglaser.com/collections/precitec and here are screenshots of what it looks like on desktop versus mobile. The buttons were created in HTML in the Collection page description.
Hello, you used the wrong layout of HTML you can use grid for the product card. And currently you used table for product card so your content is overflow on the screen width.
If you can discuss further information about it you can contact us our developer team.
Thankyou
I used a table on a different page and it fits both desktop and mobile screens. I just can’t figure out what is different in the HTML. The URL of the page that is working is https://mglaser.com/collections/mazak
