Move the text to right

Solved
Joshua28
Excursionist
13 0 6

Screenshot 2021-03-03 at 10.14.13 AM.png

 

Can someone help me guide how to move the texts and button to the right?

 

0 Likes
Pallavi
Shopify Expert
1112 146 178

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
dmwwebartisan
Shopify Partner
5286 1219 1563

@Joshua28 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5286 1219 1563

This is an accepted solution.

@Joshua28 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

@media screen and (min-width: 750px){
#shopify-section-hero-1 .page-width {margin-left: 50%;}
}

 

 

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Pallavi
Shopify Expert
1112 146 178

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.hero__inner .page-width, .hero .mega-title, .hero .mega-subtitle {
text-align: right !important;
}
.page-width.text-center a.btn.hero__btn {
margin: 8px 15%!important;
}

Screenshot :- https://prnt.sc/10c1ae7

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Joshua28
Excursionist
13 0 6

Excellent! That works .. Thank you so much!

 

Another help

 

Is there any chance we can apply different visual and text margin for the main banner for mobile version?

 

Like this:

 

IMG_1239.PNG

 

dmwwebartisan
Shopify Partner
5286 1219 1563

@Joshua28 

It would need customization to implement different banners or visuals and margins for the mobile, Unfortunately, there is no simple solution otherwise I will be happy to help you.

I would suggest hiring a Shopify expert to assist you OR feel free to contact me.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Joshua28
Excursionist
13 0 6

I will contact you via mail

Thanks!!