Dawn mobile theme - move button down on header image

[amandaZ2020]

Hi 

I would like to move the button down on the move the button down only on the mobile version only. 

Any help please 🙂 

https://www.krixcollection.com.au/

password: ontaub

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

Hi @amandaZ2020 , Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>

@media screen and (max-width: 767px){
.banner__content .banner__box{
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-end !important;
    padding-bottom: 50px !important;
}
}

</style>

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

[pawankumar · Accepted solution]

Hi @amandaZ2020 
Please put this code in base.css at the end

@media screen and (max-width: 767px) {
    .banner__box.content-container.content-container--full-width-mobile {
    position: absolute;
    bottom: 20px;
}

}

Thanks!