Making Two Images into Main Header/Banner

Site URL: https://www.yesterdam.com/

Hello! And thanks in advance for any help. This might sound a little bit complicated but I hope it is understandable.

I am looking to have two images in one header banner for my home page that way when switched to mobile view each image with its button and text will stack on top of each other. On the uploaded images, you will see what I mean and how I would like them to be. Also, I saw a couple of websites like Mejuri and PDpaola that have this so those would be great examples (they have two images full width next to each other on desktop view and those two images stacked on top of each other on mobile view). I will also add photos of what I mean.

Thanks in advance for any help, hope someone can help me with this.

1 hour ago, Giselle2000 said:

Site URL: https://www.yesterdam.com/

Hello! And thanks in advance for any help. This might sound a little bit complicated but I hope it is understandable.

I am looking to have two images in one header banner for my home page that way when switched to mobile view each image with its button and text will stack on top of each other. On the uploaded images, you will see what I mean and how I would like them to be. Also, I saw a couple of websites like Mejuri and PDpaola that have this so those would be great examples (they have two images full width next to each other on desktop view and those two images stacked on top of each other on mobile view). I will also add photos of what I mean.

Thanks in advance for any help, hope someone can help me with this.

This custom css will help make the section side by side, but it will have some issue with the parallax background

@media only screen and (max-width: 600px) {
      #about-intro {
        width: 50%;
        float: left;
      }
}

Thank you! I will try that. Not sure if that would allow me to have two different images next to each other though. I was thinking about maybe making a gallery with two images full width somehow with coding but then I thought about the button, I would still like a button in each image (similar to how you can add a button to a banner with no problem). Any help will be appreciated, thanks!!!

Just now, Giselle2000 said:

Thank you! I will try that. Not sure if that would allow me to have two different images next to each other though. I was thinking about maybe making a gallery with two images full width somehow with coding but then I thought about the button, I would still like a button in each image (similar to how you can add a button to a banner with no problem). Any help will be appreciated, thanks!!!

You can try to disable parallax it will display background image correctly