Could you please urgently help on below two issues as I need to go live soon.
-
Need to adjust slide height highlighted in blue for only mobile.
-
Need to move the text content highlighted in red to the top near to the image slide margin.
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.
