How can I prevent my logo from being cut off in fullscreen mode?

Store Design
1

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!

www.soypasoaps.com

Soypa_0-1619428931477.png
Soypa_0-1619428931477.png1871×713 403 KB

2

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;
}
}
3

Thanks!

4

Kindly feel free to get back to me if you need any further assistance Thanks!

5

asset>theme.css does not exist.

There is assetS>theme.scss, but this requires compiling code that I do not know how to do…

6

Any solution if we don’t have that css file?