But how is the competitor site having high quality images with no performance issues? Is there any way we can achieve it.
Are images downgraded when uploaded on store? Any optimum way to have good quality images with no performance issues.
Topic summary
A user seeks help customizing their Shopify store header, specifically increasing store name size and adding a color gradient effect. A support representative provides CSS code solutions that successfully address both requests.
Key customizations implemented:
- Increased store name font size using CSS targeting
h1.header__heading a span - Applied gradient color effect using
linear-gradientand-webkit-background-clip - Enlarged logo size while reducing header padding
Additional issues resolved:
- Fixed gradient not appearing on non-homepage pages by updating CSS selector
- Resolved cart quantity update loading issue caused by misplaced style tags
- Removed breadcrumbs navigation
- Corrected text alignment on custom pages
Ongoing/unresolved issues:
- Gradient color cannot be applied to checkout page (Shopify limitation)
- Product image quality concerns remain unaddressed
- Multiple requests for slideshow image zoom adjustments, height modifications for mobile vs. desktop, and announcement bar formatting are pending response
- Latest inquiry about maintaining desktop brand name size while preventing mobile display issues awaits solution
The discussion shows successful initial customizations but several follow-up requests have slower response times.