Hi there! Thank you so much. It’s much better than it was before, but still what I see doesn’t match your screenshot. Maybe you have idea where might be the issue? :?
Topic summary
A user seeks help adjusting alignment and spacing issues on their Shopify cart page (holycup.lt/cart), offering payment for assistance. The main problems include misaligned elements and inconsistent gaps between components, particularly affecting mobile and desktop views.
Solution provided:
- Custom CSS code added to the theme’s base.css file
- Targets delivery methods, carrier selection, and shipping icons
- Adjusts margins, padding, and flex properties
- Uses media queries for responsive mobile styling (@media max-width: 790px)
Key adjustments made:
- Reduced excessive gaps between cart elements
- Fixed alignment of shipping method icons and text
- Improved spacing in delivery method sections
- Adjusted select2 container widths for better mobile display
Current status:
Mobile issues resolved successfully, with the user providing a tip. Desktop spacing adjustments are now being addressed with additional CSS targeting the carriers and delivery-methods components. The helper notes some apps may not follow base.css edits and recommends browser refresh after saving changes.
