FROM CACHE - en_header

Mobile View Buttons Do Not Match Placement Of Desktop View Buttons

CharlesD
Excursionist
44 1 1

Good Afternoon & Happy Friday!

I am having a problem on my site https://techin.com where the buttons on my homepage are not in the same location when I view them on the desktop & mobile page view versions.

If you note in the screenshots below, on the desktop view the button that says "Shop The Look" appears just off of the bottom center of the page, next to the model's stomach, but when viewing the page on a mobile device the button appears in the middle of the homepage image, near the model's neck/chest.

Screen Shot 2020-10-22 at 3.25.04 AM.pngScreen Shot 2020-10-22 at 3.08.05 AM.png

I need the button placements to both be the way the desktop version is, so that mobile users will see the button around the model's stomach and not up by the neck/chest.

What is the best way to accomplish this?

 

Thanks!

- Charlie 

Replies 2 (2)
JohnFromJotting
Shopify Partner
665 94 129

Hi @CharlesD 

I would assume this can be done in your customizer. Have you checked there?

Check out my blog for some awesome Shopify, SEO and Social Media Marketing content.


To hire me, visit my Upwork profile

CharlesD
Excursionist
44 1 1

Thanks @JohnFromJotting - I just checked there and it only allows me to move the text right/center/left, not vertically though.

Guessing this is somewhere in the theme css as I had to do something similar with the desktop view, but not sure the best way to go about it 🙂