Header menu transparent on dawn theme v15

Store Design
1

Hello everybody,

I’d like to make the header menu on my website transparent only on home page, I tried the past solutions in the community, but none work properly. Also how i can put these buttons from video banner in line not one above.Thank you!

my website: https://msevenfashion.com/

2

@MSEVENSRL

You can add below CSS under the THeme settings → Custom CSS and try that.

Go to the online store → Theme Customize → Theme settings → Custom CSS

Screenshot: https://prnt.sc/F0tSqBmCUaKe

.shopify-section-header-sticky {
	position: fixed;
	width: 100%;
	top: 40px;
}
.shopify-section-header-sticky.scrolled-past-header {
	top: 0px;
}

After adding this CSS under the theme settings the result will be like this.

Mobile: https://prnt.sc/wbJ3D5DoJnl4

Desktop: https://prnt.sc/bGwmuHWnqUx7

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

3

Hi @MSEVENSRL ,
Go to your theme.liquid file and add the following code at the end before the tag:
4

Hi @MSEVENSRL

Please add this code to theme.liquid file after in Online Store > Themes > Edit code

{% if template == 'index' %}

{% endif %}

Screenshot_1.jpg
Screenshot_1.jpg1363×304 38.1 KB

Scroll passed header
Scroll passed header1181×314 30 KB

5

hi @Dan-From-Ryviu everything work well only problem that when in transparent mode menu links aren’t visible on desktop and mobile, see attached picture https://prnt.sc/UMTdAWNQ_mhe . thank you

6

Please update the code

{% if template == 'index' %}

{% endif %}
7

hi @Dan-From-Ryviu apreciate your patience, now its work on desktop but on mobile still the same, any solution? thank you

8

Code upadted

{% if template == 'index' %}

{% endif %}