Aligning the text of an Image Banner to the second image on Mobile Version

Store Design
1

It’s always the little things that just irk you when they don’t look quite like what you have in mind, isn’t it? Anyhow, here is my new stumbling block…

Is there a way I can get the Title/Text/Button of the Image Banner to align over the second image, instead of the first, when viewing the Mobile Version?

hellodarkling_0-1741704546455.png
hellodarkling_0-1741704546455.png420×567 16.8 KB

As always, any help is greatly appreciated. This community is so amazing. There is no way I would be able to build this site with you wonderful, brilliant people :heart:

Theme: Dawn
Website: https://darklingnails.com/
Password: darkling

2

@hellodarkling
If you use this css it will aligned in second image like my screen shot

@media screen and (max-width: 749px) {
    .banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { bottom:0px!important;}
}

Arif_Shopidevs_0-1741709989407.png
Arif_Shopidevs_0-1741709989407.png828×886 54.4 KB

If the solution works for you. mark the post as solved and like our solution
Thank you

1 Like
3

Perfect! Thank you so much!