Web layout for Startup theme - Desktop to mobile view - Display/layout issue

Highlighted
Tourist
6 0 3

The website we are building looks great, but the problem is whenever we switch to a mobile view, the layout gets totally messed up. Is there a way to preserve the look of the website or perhaps independently alter the look on the mobile version in a way that will not impact the desktop version? This issue is really destroying the professional aesthetic of the website. Screenshots below:

Desktop:

Screen Shot 2020-10-26 at 10.01.14 AM.png


Mobile:

IMG_8681.PNG

Highlighted
Shopify Partner
9613 1201 3362

Hello, @MRActivePure 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
6 0 3

Absolutely. thank you for the quick reply! I have currently Aligned elements in the image so that they don't show on the iphone because they are too far offscreen, however it is not ideal and the button alignment still feels strange. I would like to center the button in the negative space above the product on mobile as well as in the desktop version if possible or...idk..anything else that looks better than this haha. Thank you again for the help

https://mractivepure.com/

0 Likes
Highlighted
Shopify Partner
9613 1201 3362

@MRActivePure 

do you have like this?

KetanKumar_0-1604294247820.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
6 0 3

Yes, apologies. The client decided to make some different adjustments to the layout so we are now moving in that direction. I appreciate you responding though!

Highlighted
Shopify Partner
9613 1201 3362

@MRActivePure 

Thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing