Solved

How do I change button position on mobile view?

LukeSutphin
New Member
4 0 0

Hello, I tried to change my button position on mobile but I cannot figure out how to. I tried copy and pasting many codes to the bottom of the codes that people say but it changes nothing to my store. on mobile the picture is right on top of my logo / image banner. On my desktop it is perfect. I really need some help trying this for hours at this point.

 

My store link is - https://d24632-9d.myshopify.com/

Accepted Solution (1)
Jon_Innovonics
Shopify Partner
23 2 6

This is an accepted solution.

If so, you could do this, it would be the simplest and most static solution:
Just add:

 

.banner__box.content-container.content-container--full-width-mobile.color-scheme-4.gradient {
margin: auto 0 0 0;
}
 
to the file: section-image-banner.css
Most likely located in your assets folder
 
Screenshot 2024-02-22 at 11.53.35 PM.png

️ If I was helpful, please Like or Accept the solution


Contact me directly via email: Jonathan@Innovonics.com


 

View solution in original post

Replies 4 (4)

Jon_Innovonics
Shopify Partner
23 2 6

Hello, are you talking about the "Shop All" button on the hero, sitting on top of the "shop 4 ur life" image?

️ If I was helpful, please Like or Accept the solution


Contact me directly via email: Jonathan@Innovonics.com


 

LukeSutphin
New Member
4 0 0

Yes I would like it to be moved down. on desktop it is below and on mobile it is just in the middle of my logo.

 

Jon_Innovonics
Shopify Partner
23 2 6

This is an accepted solution.

If so, you could do this, it would be the simplest and most static solution:
Just add:

 

.banner__box.content-container.content-container--full-width-mobile.color-scheme-4.gradient {
margin: auto 0 0 0;
}
 
to the file: section-image-banner.css
Most likely located in your assets folder
 
Screenshot 2024-02-22 at 11.53.35 PM.png

️ If I was helpful, please Like or Accept the solution


Contact me directly via email: Jonathan@Innovonics.com


 

LukeSutphin
New Member
4 0 0

Hello Thankyou so much. 

When I was looking through the mobile version of my store again, when I click on a product the apple pay button and add to cart button are stacked on top of eachother do you have any idea how to fix this?

 

 

My store link is - https://d24632-9d.myshopify.com/