Solved

Dawn mobile theme - move button down on header image

amandaZ2020
Excursionist
41 2 7

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

 

amandaZ2020_0-1717037936169.png

 

Accepted Solution (1)

pawankumar
Shopify Partner
541 70 95

This is an 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!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan

View solution in original post

Replies 2 (2)

PageFly-Noah
Shopify Partner
1276 225 257

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

pawankumar
Shopify Partner
541 70 95

This is an 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!

- Need a Shopify developer? Chat on WhatsApp +91-9467121281
- Coffee Tip: Buymeacoffee  | Email: thepkpawankumar@gmail.com
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Best regards,
Pawan