It sounds like you’re dealing with a tricky alignment issue on your website. I’ve noticed that you’ve attempted a CSS fix within your theme.liquid file, which is a good start. However, the best practice is to add custom CSS to the end of your theme’s main stylesheet for consistency and to ensure it isn’t overridden.
In your case, you should locate the Assets folder in your Shopify theme code and find the base.css file (or it could be named theme.scss.liquid, depending on your theme). Add your custom CSS there, at the very end of the file.
Here’s a step-by-step guide:
- Go to the Shopify admin panel.
- Navigate to Online Store > Themes.
- Find your current theme and click on Actions > Edit code.
- In the Assets folder, click on your CSS file (like base.css or theme.scss.liquid).
- Scroll to the bottom of the file and paste your CSS code there.
- Save your changes.
Give this a shot and if the problem persists, don’t hesitate to reach out for more help!