@wessale You have some odd navigation menu code in your html. There's a div with the class name "dusk header" that contains both your standard navigation menu and a duplicate, unstyled menu that is itself encapsulated in a div with the class "dummy-nav" (which is turned off in css using the "display:none" attribute). But the code that's causing your navigation menu to not be visible is the opacity setting of "0" (completely transparent) on the "dusk-header" class. This appears to be hard-coded in your css for some reason. If you change this setting from 0 to 1 (1=fully opaque), you'll see your menu.
Go to your site's css code (in the Site Editor, click on "Theme" then click "Edit HTML/CSS" at the bottom of the left-hand sidebar) and click the magnifying glass icon at the top of the css code window and search for the "dusk-header" class code block that looks like the block below. Change that last "opacity" attribute value from 0 to 1 (highlighted in red below):
.dusk-header {
-webkit-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-webkit-transition: opacity 0.6s ease-in 0.3s transform 0.3s ease-out;
-o-transition: opacity 0.6s ease-in 0.3s transform 0.3s ease-out;
transition: opacity 0.6s ease-in 0.3s transform 0.3s ease-out;
position: relative;
width: 100%;
z-index: 13;
box-sizing: border-box;
background: #ffffff;
opacity: 0;
}If someone has customized the menu html and css as it currently stands on your site, I can't say I understand what they were after but what they've done so far is clearly incorrect. Here's what it looks like when you change the dusk-header opacity value to 1:
@wessale You have some odd navigation menu code in your html. There's a div with the class name "dusk header" that contains both your standard navigation menu and a duplicate, unstyled menu that is itself encapsulated in a div with the class "dummy-nav" (which is turned off in css using the "display:none" attribute). But the code that's causing your navigation menu to not be visible is the opacity setting of "0" (completely transparent) on the "dusk-header" class. This appears to be hard-coded in your css for some reason. If you change this setting from 0 to 1 (1=fully opaque), you'll see your menu.
Go to your site's css code (in the Site Editor, click on "Theme" then click "Edit HTML/CSS" at the bottom of the left-hand sidebar) and click the magnifying glass icon at the top of the css code window and search for the "dusk-header" class code block that looks like the block below. Change that last "opacity" attribute value from 0 to 1 (highlighted in red below):
.dusk-header {
-webkit-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-webkit-transition: opacity 0.6s ease-in 0.3s transform 0.3s ease-out;
-o-transition: opacity 0.6s ease-in 0.3s transform 0.3s ease-out;
transition: opacity 0.6s ease-in 0.3s transform 0.3s ease-out;
position: relative;
width: 100%;
z-index: 13;
box-sizing: border-box;
background: #ffffff;
opacity: 0;
}If someone has customized the menu html and css as it currently stands on your site, I can't say I understand what they were after but what they've done so far is clearly incorrect. Here's what it looks like when you change the dusk-header opacity value to 1:
