We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

mobile image banner cta button and heading placement

Solved

mobile image banner cta button and heading placement

jteddy
Excursionist
33 0 12

Hi all,

please see screenshot, Is there a way to move the cta button to the bottom of image and the heading to the top of image please? Just on mobile, not desktop.

 

Website - https://smoothervibes.com/

 

Thank you

 

Untitled design (3).jpg

Accepted Solution (1)

DrewOswald
Shopify Partner
82 18 25

This is an accepted solution.

Add this CSS to the Custom CSS area of that section:

@media screen and (width < 750px) {
  .banner__box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
}

002.PNG

001.PNG

devDrew webDev · Need a developer? Send me a DM.
Follow me on Instagram for Shopify Tips & Tricks: https://www.instagram.com/devdrew.webdev/

View solution in original post

Replies 2 (2)

DrewOswald
Shopify Partner
82 18 25

This is an accepted solution.

Add this CSS to the Custom CSS area of that section:

@media screen and (width < 750px) {
  .banner__box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
}

002.PNG

001.PNG

devDrew webDev · Need a developer? Send me a DM.
Follow me on Instagram for Shopify Tips & Tricks: https://www.instagram.com/devdrew.webdev/
jteddy
Excursionist
33 0 12

Legend, thank you