Shopify themes, liquid, logos, and UX
Hi,
I'm trying to adjust my heading image and text for all three types of display (mobile, desktop and fullscreen). In the first two, the heading image and following text are fine, but when I switch to fullscreen it cuts the upper part of the picture with the logo in it. Is there a way to cut only the lower part of the image when switching to fullscreen, or even better, just to shrink it a bit.
Thanks!
Solved! Go to the solution
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (min-width: 1700px){
.hero--large {
height: 200%!important;
}
}
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (min-width: 1700px){
.hero--large {
height: 200%!important;
}
}
Thanks!
Kindly feel free to get back to me if you need any further assistance Thanks!
asset>theme.css does not exist.
There is assetS>theme.scss, but this requires compiling code that I do not know how to do...
Any solution if we don't have that css file?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024