How i can move the Shop now button bellow

New Member
3 0 0

Hi I'm using the Galleria theme and I want to change the position of a button, what code do I need to add in order to do this 

 

Screen Shot 2019-11-26 at 2.27.43 PM.png

 

also when I switch to the mobile view the image get all crops is there any way to put another image when the version is in mobile 

 

thanks a lot for the help

 

 

0 Likes

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
3 0 0

Hello 

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->style.scss.css

a.btn.btn-primary.btn-wide-sm.hero-item__btn {
    margin-top: 50%;
margin-left: 40%;
}
.hero-item-caption-inner.text-right {
    text-align: center!important;
}

 

If you want to add another background image in mobile then Please add below css

@media only screen and (max-width: 749px) {
.hero-img {
	background-image: url("image url") !important;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
3 0 0

Thank you for that, but I have a quick question 

 

if I wanted to insert the mobile images in the hero sections from the Customize theme? I need a solution that allows me to do it from Customize, not so much by putting the manual image from the CSS

 

Every time I need to change an image for mobile I have to change it manually in the CSS, this does not help me to work management. I need a variant where more than one image can be inserted in the HERO section from Customize, 1 for desktop and another for mobile

 

thank you 

 

0 Likes