Hey all,
I’m sure this must have been asked before in the community but for whatever reason I’m having a difficult time finding a query for this.
I’m trying to move the content (text & button) onto the center of the banner image. How can I do this?
Store URL: https://megan-bruce-designs.myshopify.com/
PW - skewgi
Thank you so much community!
Hello @Ottodebac ,
Go to Online store >> Edit code >> Assets >> base.css
Add this code below of base.css file
@media screen and (max-width: 749px){
.banner--mobile-bottom:not(.banner--stacked) .banner__content {
order: 2;
position: absolute;
top: 13%;
}
}
HI @Ottodebac
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
@media screen and (max-width: 767px){
.banner__box.content-container.content-container–full-width-mobile.color-background-2.gradient {
position: absolute !important;
bottom: 20% !important;
}
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
@Ottodebac
Hello,
@media only screen and (max-width: 749px){
.banner__content.banner__content--middle-center.page-width {
position: absolute;
top: 50%;
bottom: 50%;
}
}
Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Like This
