Shopify themes, liquid, logos, and UX
Hi, I'm trying to add my logo onto the Debutify theme. I select "transparent background" for my desktop header display but it still stays with the default font of the theme.
It isn't until I scroll down that I can see my uploaded logo properly. Is there any html fix to this?
can you please share the store URL?
Please share store URL!
Thanks!
Sent emails
you can share your website URL here so I can give you code to implement for header transparent background? @JiaTzengWang
URL: sleepezzentialz.myshopify.com
pass: sunny123
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.
.site-header__logo .inverted-logo {
display: none !important;
}
Thanks!
This works pretty well as it removes the default text font logo on the homepage. But it does not display the logo until user starts scrolling.
I've done some work on the HTML wondering if the scripts affect each other.
//mobile transparent header
@media only screen and (max-width: 569px)
{
.header-section .header-container .product-form__cart-submit {
position: absolute !important;
}
.site-header .product-form__cart-submit {
background-color: transparent !important;
}
.is-scrolling .site-header .product-form__cart-submit{
background: #6d6892 !important;
}
}
//remove header divider line
.site-header {border-bottom: none;}
User | RANK |
---|---|
72 | |
65 | |
55 | |
55 | |
42 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023