Shopify themes, liquid, logos, and UX
Hello,
I haven't gone live with my site yet but I can't seem to get the hero image to fit properly and still maintain a sharp image. I've attached an image that I want up as my hero but I need it in a large
not extra large size to see the entire image. As you can see the tops of the bottle are cropped out. Any help would be very much appreciated.
Solved! Go to the solution
This is an accepted solution.
@Ya_Amara
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.
Hello @Ya_Amara
Happy to help you on your issue
Could you please share your store URL to check the code? If it's password protected then please share password as well
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.
Hello
Thanks for responding. I have three issues. I need the hero to fit the entire image on desktop and mobile. Right now if I size the hero to fit desktop it doesn't fit mobile and vice versa.
I would like to make the menu bar transparent so that the hero image is the background behind the menu and logo.
My web address is ya-amara.myshopify.com and password is yaamara123
Any help you can give would be much appreciated.
best
Kale
@Ya_Amara Add below style to css to fix hero issue
div#Hero-hero-1{
height: auto !important;
}
.hero__inner {
display: contents;
height: auto !important;
width: 100%;
}
Thanks so much! Where exactly should I paste the code?
This is an accepted solution.
@Ya_Amara
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.
@Ya_Amara Thank you for accepting my solution. It will be really helpful if you like all my messages. It will help me to built good profile.
Hello of course I will. I injected the code but the logo I have centered is still white Can I make the logo background transparent as well?
Thanks
Kale
@Ya_Amara You have white background into your logo. Please create new logo with transparent background and upload again.
If you need any help with logo design then email me on sagar.sukhanandi@gmail.com
Thanks ! It worked. Appreciate your help
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