Dawn Theme: How to move "Shop all" button?

Store Design
1

Hello!

I’ve been at this for hours and don’t really know what to do anymore T_T

How do I move “Shop all” button on the banner down ONLY on the phone? The homepage on the computer looks perfect but it covers the store name when visiting site on the phone

https://bellaiva.com/

IMG_8141.PNG
IMG_8141.PNG1284×2778 530 KB

Thank you for all your help

1 Like
2

Hi @miivako

Kani_0-1662599211839.png
Kani_0-1662599211839.png756×443 221 KB

1: Online store > themes > Actions > Edit code > Assets > section-image-banner.css

2: paste code at last

@media screen and (max-width: 749px) {
.banner__content {
    align-items: end;
}
}
3

Hi @Miivako

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Go to Online Store > Themes > Edit Code > base.css. After pasting my code to the bottom of this file

@media (max-width:767px){

.banner__content{

align-items:end !important

}

}

Best Regards;

Pagefly

4

Hi @miivako ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
  .banner__content {
     align-items: flex-end !important;
  }
}

Hope it helps!

5

@miivako

yes its possible easy and simple code please try this

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media (max-width: 749px) {
.banner__content {align-items: self-end !important;}
}