Shopify themes, liquid, logos, and UX
Hello,
I have a few questions I hope someone can help with!
1. Logo on homepage: I need it to be white while on the other pages it needs to be black. I am able to upload the white one to the home page under Alternate Logo Image under Header. However, I am unable to change its size. I need to make it wider (I am able to change the size of the black logo which I uploaded to Logo Image under Header). How can I change the width of the Alternate Logo Image?
2. How can I make the text on my Pages, Collections, and Products Justify?
3. How can I remove Debut theme? I want to use only Broadcast theme but I still see Debut in my dashboard.
Many thanks!
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.
I also am facing a similar issue that I have seen you post answers for @KetanKumar
URL: YourRoutine.com
We are wanting our main Hero image to display 100% width on both Desktop and Mobile devices. Currently, it is cropping the image widths down on mobile, leaving only the center of the image viewable.
I have attached screenshots below of our issue.
DESKTOP:
MOBILE:
Thank you!
info@YourRoutine.com
yes is possible as you like screenshot show how do you have like?
@KetanKumar Thank you
We would like to have the mobile image displayed in a full width like the desktop screenshot.
can you please confirm this look
@KetanKumar Checking in to see if you had a chance to finalize those changes?
The screenshot you sent looked great, it's just not published on our site yet. Below is what the site currently still looks like on mobile:
sorry for late here
can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
media only screen and (max-width: 640px) {
div#shopify-section-index-hero .screen-height-three-quarters {
height: 50vh;
}
}
@KetanKumar
Gave it a try. As you can see, it changed the wrong portions of our site.
I have attached a screenshot of the code placement as well as the result of the code change.
oh sorry i have missing one item please update this code
@media only screen and (max-width: 640px) {
div#shopify-section-index-hero .screen-height-three-quarters {
height: 50vh;
}
}
@KetanKumar Thank you! Much better!
We appreciate the quick responses and help!
Hi @KetanKumar
Sorry for delay in my response.
My website is not published yet. Do I need to publish it so you would be able to help me?
You can see in attachment: white logo is too small (compared to black logo). I need the white logo to be the same size as the black logo.
Can you help?
how about the other 2 questions: 1) making text justify, and 2) removing Debut theme from my dashboard?
Thank you
no rush thanks for updaate
can you please share store preview url
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