northtahoepaddle

Site URL: https://hen-rust-2rf6.squarespace.com/ Hello, I'm looking for some help with a few various design aspects on my website. I've searched the forums but can't seem to be able to find exactly what I'm looking for in here. Perhaps one of you might be able to give me some input. The site URL is: https://hen-rust-2rf6.squarespace.com/ The password is: guest Here are my questions: 1. Currently, I have a transparent header with a box shadow when first visiting the home page. As you begin to scroll, the banner defaults to the style of whatever the first section is. Ideally, I'd like the banner to start fully transparent with no box shadow, and then upon scrolling, have the subtle box shadow appear underneath it and have it change to either the current setting where it matches the color theme of the first section, or to a white background. I'm not sure I'm describing this exactly right, but if you need clarification, please let me know. 2. I have changed my desktop navigation to always force the hamburger patty style navigation, which I like, and plan on keeping, but am hoping to be able to change the vertical spacing of the navigation links independently between the desktop version and mobile version of the sites. Is this possible? Any help would be greatly appreciated. Thanks so much! Sam

Thank you!! This is exactly what I was looking for, I just couldn't seem to find the exact CSS I needed for this. Thank you, thank you, thank you. Do you perhaps have any recommendation for the vertical spacing I mentioned in my original question or making the background of the drop down menu transparent? I'll start poking around on my own a bit, as I'm guessing there are plenty of resources on this, but if you have any ideas, please let me know! Thanks again, I really appreciate your help. Sam

Site URL: https://hen-rust-2rf6.squarespace.com/ Hello, I'm hoping someone here may be able to help me figure out the custom CSS that I need to change the issue I'm having with my current site design. I have a folder in my header navigation titled "Reservations" that when hovered over, the drop down menu is approximately twice as wide as the page titles that drop down below the folder. I'll attach a screenshot for reference. In a perfect world, I'd like the drop down to only be as wide as the widest title of the page within the folder with a small amount of padding on either side, centered horizontally under the folder title, and the each word, including the folder title "Reservations" to be spaced equally vertically. I also may ultimately end up wanting the background color of the drop down menu to just be transparent, as that may end up being the most aesthetically pleasing look. I've poked around the forums a bit, and tried embedding some of the various custom CSS that I've found, yet none of it has seemed to do what I was hoping. If anyone has any idea what the best way to approach this would be, any help would be greatly appreciated. Here is the site info, not sure if this helps or not... https://hen-rust-2rf6.squarespace.com/ password: guest Squarespace 7.1, Colima template Thanks!