Debut Theme: How to move the button to the right on Image with text

tiwv2021
Excursionist
14 0 4

I am using the debut them. Since this theme doesn't outright let you add banners to your home page, I have been using the image with text option in its place. One of my "banners" has a call-to-action button but I am not sure how to move the button to the lower right side of the image. I would like the button to be below the text in my image. 

http://twistedimageswv.com 

The button in reference is located towards the end of the home page on the image about joining my VIP group. Thanks in advance

0 Likes
HardikDavra
Shopify Partner
2324 366 996

@tiwv2021 Please share screenshot.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
suyash1
Shopify Partner
3001 327 502

@tiwv2021 - please enable right click, we need to make css chagnes

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
tiwv2021
Excursionist
14 0 4

Here is a screenshot of the mobile view @HardikDavra 

Screenshot_20210613-003951_Chrome.jpg

0 Likes
tiwv2021
Excursionist
14 0 4

@suyash1 sorry didn't realize I had right click disabled. I will have to see how I did it in order to disable 

0 Likes
HardikDavra
Shopify Partner
2324 366 996

@tiwv2021 Your website has the security of someone can not inspect your website. Please disable it.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
tiwv2021
Excursionist
14 0 4

@HardikDavra @suyash1 it should work now. I temporarily disabled the security feature. Thanks

HardikDavra
Shopify Partner
2324 366 996

@tiwv2021 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.css and paste this code at the end of this file.

@media only screen and (max-width: 600px) {
.hero__btn {
right: unset !important;
}
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
tiwv2021
Excursionist
14 0 4

@HardikDavra will this code adjust the button in the desktop version of the site also?

HardikDavra
Shopify Partner
2324 366 996

@tiwv2021 Please remove my old code and place this new code.

.hero__btn {
    right: unset !important;
}

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes