Shopify themes, liquid, logos, and UX
I cannot change the size of my header. On the desktop it looks fine but when i go onto my mobile the header is too big
How can i change that? Tried editing css but did not work for me, not sure why.
Website ; stockunion.co.uk
Pass ; ubrania
Solved! Go to the solution
This is an accepted solution.
thanks for it
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
@media only screen and (max-width: 749px) {
#shopify-section-hero-1 .hero--large {
height: 178px;
}
}
Sorry you are facing this issue, it would be my pleasure to help you.
i can see do you need more less?
Yeah so as you can see on the desktop website the image is full size and when i go to mobile its cut off (you can only see 1/3 of the image). I want the image to resize depending on the screen size
do you need header customization or banner image?
This is an accepted solution.
thanks for it
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
@media only screen and (max-width: 749px) {
#shopify-section-hero-1 .hero--large {
height: 178px;
}
}
Thank you it worked!
it's my pleasure to help us
thank you that worked for me. So where do I do that for the footer.
Sorry for facing this issue, it's my pleasure to help us.
Welcome to the Shopify community!
and Thanks for your Good question. 😊
Please share your site URL,
So I will check and provide a solution here.
Hi,
I've got the same problem for my site.
The header picture on mobile shows only halve the picture. I've tried adding the code, but nothing changed.
What am I doing wrong?
Hi!, I am trying to do this but I do not find theme.css in the assets. Is something changed? How can I apply that solution?
It didnt work for me. my Header in the mobile site is smaller. I am trying to follow your instructions pasting the code but the section Theme doesnt appear. I find assets but not theme. please help.
Hi,
Having the same problem, but cannot solve.
I have the Dawn theme
I have the same issue. My site's desktop version is great but the mobile site header is too big (it's squeezing the Header/name of the company. and stacking it. any help would be appreciated. I am using the RIDE theme.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024