Make Custom HTML wider on mobile
Hi There,
My custom HTML looks tiny on mobile and perfect on web, is there anyway I can make it larger on mobile?
Hard to see the difference in the screenshots
Hi,
The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.
1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.
2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.
<style>
@media (max-width: 800px){
iframe.visme {
transform: scale(1.5);
}
}
</style>
Terence
Hi,
The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.
1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.
2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.
<style>
@media (max-width: 800px){
iframe.visme {
transform: scale(1.5);
}
}
</style>
Terence
Community Blog Articles
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025
Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025