I need some help in fixing my image banner on my homepage, on desktop it works perfect but on mobile it stretches the words super far down my page, I also have a second issue that I’m trying to solve, I can’t figure out how to change the “remove all” and the sort by buttons to white and not black
1 Like
Hey @upto ,
Please provide your store’s URL
thanks
To address the issue with your image banner stretching excessively on mobile devices, you’ll need to apply responsive design techniques. Use CSS media queries to adjust the image’s size, position, or layout specifically for smaller screens. This will help maintain the visual integrity of your homepage on mobile devices.
For changing the color of the “remove all” and “sort by” buttons to white, you’ll need to modify the CSS styles associated with these buttons. Locate the CSS code controlling the appearance of these buttons and adjust the color property to the desired white color (#ffffff). This will change the text color to white. Remember to ensure that the background color or any other styling doesn’t clash with the white text for optimal visibility and aesthetics.
1 Like
Hello
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme-custom.css and paste this at the bottom of the file:
.media>img {
height: inherit!important;
}
.facets-container select#SortBy {
color: #fff;
}
.facets-container select#SortBy option {
color: #000;
}
.title--primary
.underlined-link.link {
color: #fff;
}
1 Like
I don’t have theme-custom.css under assets, any ideas?
Got it working, thank you for the code
1 Like
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.