Image Banner “fixed Animation” not showing right images.

Shopify Discussion
1

I have code in my Dawn theme to be able to upload mobile and desktop images for my banners. They have been working great until I wanted to utilize the fixed animation option. On desktop it shows the left image (first) and blank screen for the right. On mobile it’s opposite, but if I click stack images on mobile it looks perfect, but desktop still doesn’t make the first image full screen. How can I fix this?

shoplivingsimply.com section that says “try living simply sample packs/homepage.

2

Hello @LIVINGSIMPLY

Its Artzen Technologies! We will be happy to help you today.

  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:
.banner__media.banner__media-half.animate--fixed:first-child>img {
    width: 100%;
}

Artzen_tech_1-1691992763363.png
Artzen_tech_1-1691992763363.png1295×665 274 KB

after add code look like:

Artzen_tech_2-1691992835027.png
Artzen_tech_2-1691992835027.png1249×672 392 KB

Let me know if need further assistance
Regards,
Artzen Technologies

3

Thank you! Worked perfectly. I will post another question I need to find out how to adjust the sizes of the image banners, for example, if I want the desktop to be small, and the text left center, and the mobile large, and text top center, is there a way?

4

Worked perfectly, I saw another one for your messages, I cannot find it again, but it showed how make a line break in the headers, instead of-

"good sleep starts

here"

I could make it look like-

"good sleep

starts here"

By hitting enter or putting a code directly into the heading texts box?

5

please send link or secreenshot ur query
i don not found where is it

6

https://community.shopify.com/post/2179606