Lorne17

If you look to the left, it's still covering up the bottom part of my logo. I guess I can deal with it if there's no CSS that can help shift it down, but not have a gap between the menu text and pop up mega menu? Because when I did shift the position of mega menu down, then when you move your mouse to the mega menu it disappears because there's a gap between the menu link and the mega menu div.

Sorry @tuanphan, I was missing a bracket when messing with the CSS below. But the menu should look like my screenshot I previously posted. .header-nav .header-nav-item--folder .header-nav-folder-content { //off logo shuld be 39px but then you can't get to the menu; margin-top: 5px; } Thanks in advance! Lorne

@tuanphan, Thanks for this, however, that now puts the mega menu over my logo :(

Thanks @tuanphan, super helpful. Last question, how do I get the font and social icons to be white? I tried adding color css to that style code and it didn't work?

Just wanted to follow up on this. Thanks!

Anyone able to help with CSS for this?

Worked great, thank you so much!

Hello there, If you go to my site: https://activestatedesigns.squarespace.com/search?q=sunset (password: SiteTest) the header SHOULD be blue (#2C4F6D) like it is on my other pages. But it's white, so my White font in my logo is not seen. How can I fix this for only Search page? Each initial page (before scrolling) the header is invisible except when on hover. It's blue at all other times. Thanks, Lorne

Actually, I have another question, when you hover over now that we shifted the mega menu down, it turns off because I leave the header link padding and can't get to the hover pop up. Does that make sense? You can test it out again to see it live. Thanks! Lorne

Awesome, thanks so much!

Hello there, on my site product page: https://activestatedesigns.squarespace.com/shop/p/mens-colorado-flag-t-shirt-all-271-colorado-cities-2f383 (password: SiteTest) I have been trying to adjust the dropdowns on my product page. Can I do this with CSS? I'd like two dropdowns per line to help bring everything higher on the page. Thanks in advance, Lorne

Hello there, On my site: https://activestatedesigns.squarespace.com (password: SiteTest) I have my header with custom Mega Menus setup. Can I please get help with my CSS code to change the header div background to blue when anywhere on the div you hover over? Also how do I shift the mega menu down so it's not overlapping with my logo? I appreciate the help! Lorne

Site URL: https://activestatedesigns.squarespace.com/ Hello there, If you go to my site: www.activestatedesigns.squarespace.com (pw: SiteTest) and you look at the slider on the home page, there should be text and a button on each slider. It's only on the first slider. Then I created Mega Menus and those don't load either. If you scroll down I have some header text loading just under the slider that fades in, but that doesn't load. Then the footer doesn't load either. If I wait for a minute or so and then hit refresh, then the site loads everything. But the initial load doesn't work. I've tried on safari (mac), Chrome (Mac and PC) and still it won't work. I have some customizations on my site, I'm wondering if it broke along the line somewhere :( Is there someway to be able to help troubleshoot it? Thanks in advance, Lorne

Thanks @tuanphan, but that code removes my logo. I just want the header background to be dark in color so my logo stays there, but looks correct. /* remove cart page logo */ body#cart header#header img { visibility: hidden; } Thanks, Lorne

Just used this on my site. Worked like a dream. Thanks @tuanphan!! You are truly awesome!