ohhh myy!!! It worked!!! Thank you sooo muchhh!!! 
Topic summary
Footer icon alignment in a Shopify theme. The store owner added a third logo (Foxpost) and needed it aligned to the right, at the same level as existing Teya and MPL icons.
- A helper requested the site URL and shared a mockup of the desired layout. The owner confirmed the goal: place Foxpost next to Teya and MPL.
- Initial CSS provided targeted mobile screens (@media max-width: 600px) and did not produce changes.
- Working fix: add a CSS rule in base.css or theme.css within a desktop media query:
- @media (min-width: 600px) { .payment-foxpost { width: 120px; position: relative !important; bottom: 142px !important; left: 213px !important; } }
- This uses relative positioning and offsets to place the Foxpost logo alongside the others.
Outcome: After switching the media query to min-width, the owner confirmed it worked. The issue is resolved.
Notes:
- The solution is screen-width dependent; the first attempt targeted mobile, while the final fix targeted wider screens.
- Screenshots were shared for layout reference, but the CSS snippet is central to the fix.
1 Like