A user’s online store displays as a zoomed-out, non-scrollable image on mobile devices, with all buttons appearing too small.
Proposed Solutions:
<head> section with: <meta name="viewport" content="width=device-width, initial-scale=1">component-slideshow.css file after the <head> tagCurrent Status:
<head> code in the suggested file locationThe discussion remains ongoing with unresolved technical implementation questions.
Hi, so when I pull up my website on my mobile phone its like its one big image everything is so zoomed out. When you open a website you can usually scroll from the header the the middle to the footer but on my phone its just a big image and all the buttons are small.
Please let me know if anyone has any solutions!
Thanks!
Check if the viewport meta tag is properly set in the section of your website’s HTML. This tag helps the browser determine the appropriate viewport width for rendering the content. Here’s an example of the viewport meta tag:
Hi [email removed]Caden1,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file component-slideshow..css
Step 3: Paste the below code after of this file ⇒ save
Hope my solution works perfectly for you.
Cheers!
Oliver | PageFly
Hello @Caden1 ,
To help you with this issue, we require your store URL, credentials, and other necessary information that will help us to look into the issue and provide you with a solution.
All the best,
CedCommerce
When I go to that file the code is not there
