Mobile View Buttons Do Not Match Placement Of Desktop View Buttons

Highlighted
Excursionist
40 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 

0 Likes
Highlighted

Hi @CharlesD 

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

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
Highlighted
Excursionist
40 1 1

Thanks @Defineify - 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  

0 Likes