Hi, I coded the dropdown menu earlier, and as the result it opens too fast, so fast I can’t even catch it. I would like to have it slower. and I made it transparent, but when the menu was down it should’ve been visible.
This is the condition when the header should be visible (not transparent)
This is the tutorial that I found for the sticky and transparent header
https://websensepro.com/blog/how-to-make-sticky-and-transparent-header-in-dawn-theme/
and this is the tutorial that i found for the hover header menu (which is too fast to catch)
https://websensepro.com/blog/how-to-show-drop-down-on-hover-in-dawn-theme/
Please, help me
@JosephineJoseph
Hello,
can You Please Share Your Store URL?
I Will Check and provide Proper Solution
@JosephineJoseph
.header__heading-link.link.link--text.focus-inset {
background-image: url(https://cdn.shopify.com/s/files/1/0678/8533/4816/files/logo_putih.png?v=1669352701);
background-size: cover;
width: 150px;
height: 13px;
background-repeat: no-repeat;
}
.header__heading-logo {
display: none;
}
.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom {
background-color: transparent;
}
.header__menu-item.list-menu__item.link.focus-inset:hover {
color: #fff;
}
Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Do You Like This ?
I’m sorry, It might be my explanation that unclear. But, what I want is the header become not transparent while the menu was dropped down. Exactly the opposite of what your code do. I’m sorry, that was my fault.
