Shopify themes, liquid, logos, and UX
Hello!
I have been trying to do some research on here and have tried various codes I found with others having a similar problem, but it just doesn't work for me..
I paste under the asset theme.css but still no change.
I have two image with text overlay by the top and the bottom before the footer...
Kindly help... Thank you!
mobile
desktop
https://theblossomeddreams.com/
Solved! Go to the solution
This is an accepted solution.
Hi @DrmzLB34
You can try follow this path:
Themes => edit code => asset => theme.css.liquid
and add this code to bottom of the file theme.css.liquid
@media(max-width: 749px){
#Hero-hero-1 {
height: 48vw!important;
}
}
This is an accepted solution.
Hi @DrmzLB34
You can try follow this path:
Themes => edit code => asset => theme.css.liquid
and add this code to bottom of the file theme.css.liquid
@media(max-width: 749px){
#Hero-hero-1 {
height: 48vw!important;
}
}
yay! so the top image is fixed, could you please help with the bottom one as well???? Thank you sooooo much!!
You can replace the code above with this:
@media(max-width: 749px){
#Hero-hero-1,
#Hero-hero-2 {
height: 48vw!important;
}
}
Hi,
I have the same issues and tried many different codes, buy i guess it has to match the website.
Could some one please help me het my image with tex overlay to fit a mobile device.
Thanks!
https://achedaway-europe.myshopify.com
PW: Welcome2021!
User | RANK |
---|---|
154 | |
139 | |
79 | |
71 | |
62 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023