Shopify themes, liquid, logos, and UX
Hello,
I am using the refresh theme 9.0, my header image is to the right on desktop view next to my container text. on mobile I noticed that my image is cut off and doesn't show the full image.
Is there any way to fix this in code and keep the desktop version on the right and mobile to show the full image.
I attached images of the desktop and what it shows on mobile.
Hi @dmccall10
Maybe adjust your image width a little, but this is the css solution for you
1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below
@media only screen and (max-width: 750px) {
div#Slider-template--15521248608388__slideshow .slideshow__media.banner__media > img {
object-fit: cover;
object-position: 100%;
}
}
Hi...I copied the text but it is still a bit cut off. Also, my computer view is also cut off
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025