(Minimal Theme) Move "Shop Now" button down on image with text overlay

Solved
SmallwoodDR82
Tourist
5 0 4

As my banner I'm using an image with text overlay instead of the slideshow.

I'm added the "Shop Now" button but it's right in the middle and I'd like to move it down.  I'd like it to move down on mobile as well.

Site: www.sneaxco.com

PW - ahewrt

Thank you for your help!

dmwwebartisan
Shopify Partner
9113 2111 2881

This is an accepted solution.

@SmallwoodDR82 

Please add the following code at the bottom of your CSS file.

@media screen and (min-width: 480px){
.image-with-text-overlay-wrapper .homepage-featured-content-box{
transform: translateY(30%) !important;
}
}

@media only screen and (max-width: 768px){
.image-with-text-overlay-wrapper .homepage-featured-content-box{
transform: translateY(20%) !important;
}
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
SmallwoodDR82
Tourist
5 0 4

which CSS file?

dmwwebartisan
Shopify Partner
9113 2111 2881

@SmallwoodDR82 

Try with assets/theme-index.min.css file.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
KetanKumar
Shopify Partner
23176 2334 8578

@SmallwoodDR82 

sorry for that issue  please try  this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.image-with-text-overlay-wrapper .homepage-featured-content-box {
align-items: flex-end;
}
@media only screen and (max-width: 767px) {
.homepage-featured-content-box-inner, .homepage-map-content-box-inner {padding: 10px;}
.homepage-content--1627161879a2b0dcd1 .homepage-section-btn {
padding: 5px 15px;
    font-size: 13px;
    margin-bottom: -10px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SmallwoodDR82
Tourist
5 0 4

worked perfect thank you!

0 Likes