Move Shop Now/ CTA Button on hero banner image- yourstore theme

Solved
New Member
7 0 0

I've been trying to move the CTA button to the bottom of the hero banner all night and cannot for the life of me figure it out. The button as it is currently situated blocks the banner on mobile and I'd love to reposition it. HELP!

0 Likes
Shopify Expert
2488 417 525

Send your store url.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
7 0 0
Shopify Expert
2488 417 525

Want to move button to bottom of banner? 

 

hero.png

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
7 0 0
Yes. That's what I'm hoping to do
0 Likes
Shopify Expert
2488 417 525

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (min-width: 767px) {
.banner_content{ margin-bottom: 0;bottom: 1%;}
}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
7 0 0
Thank you for trying to help. I've scrolled through assets multiple times but dont have the file theme.scss. I tried pasting the code into style.css.liquid as well as css-liquid.css.liquid and neither worked.
0 Likes
Shopify Expert
2488 417 525

Add in asset->custom-style.css file

@media only screen and (min-width: 767px) {
.banner_content{ margin-bottom: 0 !important;bottom: 1% !important;}
}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
New Member
7 0 0
Still nothing. I dont want to give up on this, but starting to feel like this is impossible😩
0 Likes
New Member
7 0 0
Actually it did work when viewing on desktop, but still looks the same on mobile which is what really needs to be changed
0 Likes