How to relocate text and button on Dawn theme's image banner?

Store Design
1

Hi,

Mobile version: Does anyone know how to move the text and button from the first picture to the second picture in the Image Banner?

I think it looks weird when the text overlaps the first image in the mobile version, I am trying to move it to the second image (the black&white one).

I have been searching through Assets → Section-image-banner.css , but I didn´t really figure out what and where to change.

Hope someone has a solution to this! :slightly_smiling_face:

https://www.aurstudio.com/

Frida

1 Like
2

Hi @_frida ,

To change you follow the instruction:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
.banner–stacked:not(.banner–mobile-bottom):not(.banner–adapt) .banner__content {
top: 50%;
}
}

3 
@media screen and (min-width: 600px)
.banner__box.color-accent-1 {
    padding-top: 515px !important;
}
}

@_frida Add this code on the bottom of the base.css file

4

Thank you so much @AvadaCommerce - that fixed it! :slightly_smiling_face: :slightly_smiling_face: