I need help getting my site to show properly on a mobile device. I have viewed other responses and added coding to theme.liquid but still no luck
Hi @Shenika
Please share your store url.
Hey @Shenika ,
Can you please share your store URL, and if it’s password protected please share the password as well. This will help me debug the problem and provide the exact solution to your problem.
Regards,
Abhishek from Swym
My shop url is: royalstatements.myshopify.com
There is no password protection
@Shenika - which section do you want to adjust?
I want customers to see my full banner when using a mobile device Currently
it is cut off and doesn’t show it in its entirety
Hey @Shenika ,
Thanks for sharing your store URL, I reviewed your store and found two issues:
-
The BFCM video banner that you have added to your store is not optimized for mobile devices, and that can only be fixed if you get a video created for mobile devices as well and add it to your store.
-
The other issue I found was the menu drawer not showing up when the hamburger icon is clicked. That can be fixed by adding the code given below just before the closing body () tag in your theme.liquid file as shown in the screenshot below.
Code:
Screenshot for adding code:
Once you make this code change, the menu drawer will function normally. Please check the Video link.
If there are any other issues that you are facing, please do let me know.
I hope this helps!
If my response helped you, please consider giving it a like ( 
) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.
Regards,
Abhishek from Swym
@Shenika it will look like this
@Shenika ,
Thanks for sharing additional context that you need help with fixing the video, and please follow these updated instructions rather than the previous ones.
To make sure the video is visible to the customers on the mobile device, please add the below code just before the closing body () tag in your theme.liquid file as shown in the screenshot below.
Screenshot for adding code:
If you add this code then it will fix the cropped video issue as well as the menu drawer not opening up on mobile devices issue as well. As shown in the screenshot below:
Please check the Video link to see how it will look like on your store.
I hope this helps!
Regards,
Abhishek from Swym
Thank you.
Can you please tell me how to find the theme.liquid? Also, should I enter
this at the very bottom of that theme.liquid?
Hey @Shenika ,
You can make the code changes by following the below steps:
- Open the code editor, as shown in the screenshot below.
- Open the file layouts/theme.liquid and add the code given below:
Code instruction:
I hope this helps!
If my response helped you, please consider giving it a like ( :+1: ) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.
Regards,
Abhishek from Swym
1 Like
THANK YOU!!!
Hey @Shenika ,
If my response helped you, please consider giving it a like ( ) and marking it as an accepted solution if it resolved your issue. Your feedback helps other community members with similar questions.
Regards,
Abhishek from Swym