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!
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 |
---|---|
122 | |
91 | |
77 | |
71 | |
41 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022