oh okay …this looks very big on store i want to make it little small how can i do that
Topic summary
A user seeks to remove footer badges from their Shopify store and receives CSS solutions targeting .footer__top with display: none. The discussion evolves into multiple customization requests:
Key modifications addressed:
- Centering and resizing footer images using width percentages and media queries for mobile responsiveness
- Customizing newsletter form placeholder text (changing “email” to “Enter your email”) via localization files and adjusting arrow button colors
- Disabling slideshow auto-rotation pause on mouseover by modifying the
focusInHandlingfunction inglobal.js - Hiding inventory messages on product pages using custom CSS in
theme.liquid - Adjusting “Sale” badge positioning on mobile devices to display inline with price
- Fixing invisible “Buy Now” button text by removing specific
::beforepseudo-element code frombase.css - Enlarging custom video display on mobile devices through media query adjustments
Current status:
Most issues resolved through CSS edits in theme files (section-footer.css, component-newsletter.css, base.css). The latest request involves making a custom liquid video larger on mobile devices only. Contributors provide step-by-step code snippets with file locations throughout.
