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!

Sorry, it's actually in my footer. I was testing it there first, when I got it to work I will put it on all my product pages...I have a lot of products haha!

I hate to be a bother and add to this incredibly long list, but I cannot get this code to work? @tuanphan any chance I can add one more request to help? https://codepen.io/ellalalaa/pen/WNjGZNM Thank you so much! Lorne

http://www.activestatedesigns.squarespace.com PS: SiteTest Sorry forgot! Thanks in advance, Lorne

Ok, sorry for another post, but I did save it and the script disabled went away, however when you go to my site and click SIZE GUIDE the lightbox doesn't work. I assume I need to put something in code injection? www.activestatedesigns.squarespace.com PW: SiteTest This is what it does when "SIZE GUIDE" is clicked:

I just want to say THANK YOU! This is amazing and much much appreciated! One question, it is saying on mine there is "Script Disable". Where is that script that I assume I need to put into my Code Injection settings?

Did you ever figure this out? I am trying to get my Cart page to not have my white header logo. The text is dark, but white logo is still there. Cart Page (NOT CORRECT, cannot read logo): I want my header to be dark so my logo looks correct: However, when I went to the squarespace app Site Styles > Colors > Site Theme, i changed it to dark, but it made my entire site dark and I don't want my entire site dark. I want white to be default bg color. Thoughts? I also tried the CSS code given, but you can't read half the cart text. Is there CSS that I can make ONLY my header the dark theme blue color? This code below DID NOT WORK. /*** CART PAGE ***/ #cart .header{ background-color: #2C4F6D; } /*** END CART PAGE ***/

Site URL: https://activestatedesigns.squarespace.com/shop Hello there, I think this is a long shot, however, I was successfully able to get the the getAttr function for finding a varient and filtering by varients in my shop. GREAT FEATURE! However, all my variants have a photo tied to them. This way if you are on my product page and select a Blue shirt, the blue shirt is shown in the image. Is there a way to get the Universal Filter to filter the attributes for Blue (was able to do that with the code below), however also show the images fo that variant? { //name: "Color", //dropdown name //multiple: false, //getAttr: 'variant|Color' } I know it's a long shot, but thought I'd ask. Thanks! Lorne My site is here: https://activestatedesigns.squarespace.com/shopPassword: SiteTest

Hello again, Ok so I changed the theme of the dropdowns in the Universal Filter Plugin code injection. It's looking good and I'm liking my options here. However, how do I make the width of the search box "Find my style..." to match the same width as the boxes above on a new line? Is that asking too much to do? If so, my second option is to get all the dropdowns on one line? My site is here: https://activestatedesigns.squarespace.com/shopPassword: SiteTest Here is the CSS I have thus far: Thanks in advance! Lorne

Thank you for the quick response, super helpful! I took down the link, I thought that link was password protected, my apologies! I used the CSS you sent over, and it did layout the buttons nicer but a couple more tweaks I think: The text inside the box is left aligned, how do I get it and the dropdown arrow to be centered? When the dropdown is shown, the columns on inside are not aligned, how do I clean this up? it should be in the order of my categories. Any other suggestions you may have to clean this up? Thanks in advance! Lorne

Has anyone had any luck with this? I didn't edit anything on my site (other than leave it for a few months) and the Universal Filter is on my shop, however I get this error when I try to edit the code. "Couldn’t update collection Unable to update category"