DAWN THEME - Image-Banner Section - How to add the two heading on split images.

[SZA]

Hello Shopify Experts,

I would like to place two separate banner images, as shown in the attached image, with a Heading and link to each image.

Using the Dawn theme banner, I was able to easily split the image into two, but I cannot place the Heading and link separately in the center of the image.

Please let me know the solution.
Thank you in advance for your help.

[oscprofessional]

@SZA ,

Please share the store URL..

[Emowa_Emowa]

Hello there, I am also running into the above issue with the new DAWN theme that i am yet to publish.

[halland]

I am also looking for this. Two diffrent image , diffrent title and button. just like the below image.

[Guillaume-AA]

Helllo,

Is someone found the solution for this ?

Thank you

[ankitpateldev]

Hi @Guillaume-AA @halland @Emowa_Emowa @SZA ,

I do have solution for all of your questions. You can use image banner section twice and you will be able to get your images splitted where you can add different heading for each image section.

about to link the image with different URL, it needs small code customisation that will let you add different link for each images.

let me know if you need further help with specific requirements.

[caas]

Hi @ankitpateldev ,

I just ran into this issue while searching for a solution. Yes, Adding another image banner section allows to use everything twice. But how do you set them up to be in one row, next to each other? I am only able to put these sections below each other.

[HelsBels]

did you come up with a solution? I’d be interested to know how to do this too. Thanks

[ankitpateldev]

Hi, I come up with the solution. To achieve that, need to create custom section with schema settings to add 2 images, 2 titles, 2 subtitles, 2 buttons, 2 links for each side. Then have to create div structure like below. Once you place that in your theme you will able to see side by side banner with title, subtitle, button for each image.

   
   

      
![Image 1|626x417](upload://oThsKENAkKH4FhXY4J0HmP9kEsJ.jpeg)

      

         ### Title 1
         

Subtitle for Image 1

         Button 1
      

   

   
   
      
![Image 2|626x417](upload://njG3mUr9KZV0gCq23o6lY9Fgeql.jpeg)

      

         ### Title 2
         

Subtitle for Image 2

         Button 2
      

   

Desktop Output:

Mobile Output:

Let me know if you need further more help.