Shopify themes, liquid, logos, and UX
Hi,
I've noticed that the mobile version of my website is not to scale.
- My header icons are cut off
- The table in delivery information is not mobile-friendly
- Even some headers and descriptions on the product page are too large
https://tiliano.co.uk/?_ab=0&_fd=0&_sc=1
P/w: Debut23
Thanks so much
Solved! Go to the solution
This is an accepted solution.
Hi @Gee3
You can follow the following steps:
1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. Before end of </head> Please add following code.
<style>
@media only screen and (max-width: 600px) {
header-drawer {
margin-left: 0px !important;
}
}
</style>
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
This is an accepted solution.
Hi @Gee3
You can follow the following steps:
1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. Before end of </head> Please add following code.
<style>
@media only screen and (max-width: 600px) {
header-drawer {
margin-left: 0px !important;
}
}
</style>
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Thank you, it worked!
Please also help me with the table on Domestic Delivery it is too large. The heading is also too large.
Also, the description on the product page is too big.
@Gee3
Please use this css
@media only screen and (max-width: 600px) {
.accordion__content p {
font-size: 12px !important;
}
}
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Thank you so much!
Is there any way to reduce the size of the table on domestic delivery?
@Gee3
Inline width working
Can't do anything
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Thank you for your help!
Apologies, one more request.
Would you be able to resize the button in the header 'shop now'
@media only screen and (max-width: 600px) {
a.button.button--primary {
min-width: 0rem !important;
}
}
use this css
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Thank you so much!
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024