pbueno24

@tuanphan On Hover >> change to another logo - we got that working perfectly, no issues there. But in another thread, if you recall, you helped me with the footer links so that when you go to the About page, the ^About link stays pink to indicate you are on that page. Same with the ^Work link, ^Blog, etc. I want the Part Time Evil Logos to stay pink when the user is on the home page. And go back to white when they are on a different page.

Excellent! @tuanphan, Would you be able to supply me with the code to keep the logos on their hover images whenever the user is on the home page? Then when they leave, the logos go back to their original (all white) state. Thanks password: Party

Thank You!!

Site URL: https://pte.squarespace.com/about Password: Party Hi! I'm having issues trying to figure out how to change and keep the color of my footer links. I'd like them to match them with the header nav links, which are working fine. It should look like this... hover > light blue page active > pink (#E9275B) All of the code for my footer links are in the code block. The main fix is being able to click on the about page and the text holds the pink color. It would be preferable to change their color whether you select a page link from the header or the footer. ...hope that makes sense. Thanks!

Site URL: https://pte.squarespace.com/ Password: Party Hello again! Can you please help me switch out the image I have in my footer section? I would like to switch on hover to this image: "https://i.imgur.com/KB10woB.png" And keep that image active if the user is on the home page. Thanks!

Hey @tuanphan Thanks for the help! I have a few bugs regarding the background video that I hope you'd be able to help with. 1. How can I get rid of that extra blue space that shows up below the video? This was one of the issues I was running into when trying to work this out myself. 2. When I rotate my phone the video gets cropped. Is there a way to prevent that? 3. Can we scoot the video down to leave space for the Part Time Evil header? Thanks, Patrick password: Party MobileBackgroundVideoBugs.MP4

Site URL: https://pte.squarespace.com/ password: Party Hello, We have a background video as the hero section for our home page and I'm not sure how to fit it for mobile. I've tried a couple of ways, but I couldn't get it to work. It has a 16:9 aspect ratio and I believe the longest side is 2000 pixels. Thanks, Patrick

Site URL: https://pte.squarespace.com/ Password: Party Hi! I am wondering if there is a way to remove the folder content for mobile and just leave the main titles in place. For example: ABOUT (remove Arrow and take me straight to the About page) I believe there are two ways to go about this: 1. Add custom code to switch the navigation links from taking you to the folder contents and straight to the page. As well as getting rid of the arrow. or 2. In the custom CSS, I initially removed the redundant menu options. For example: ABOUT > ABOUT, Team, Process, Pricing I turned off the display of .header-nav-folder-item: first-child. However, instead of hiding it, we can switch the .header-nav-folder-item: first-child with the first ABOUT option that takes you to the folder contents. The overall goal would be to bypass the nav folders and go straight to the pages for mobile devices only. Your help is greatly appreciated! -Patrick Password: Party

@tuanphan This is where I'm at with the footer now with the code from above. Would you be able to scoot up the menu to the Part Time evil logo so that they start on the same line? Thanks, Patrick

Site URL: https://pte.squarespace.com/ I managed to get the footer looking great for desktop, but can someone please help me clean up the look for Mobile (767 px). I would simply like to stack the Page Links off to the right side, mirroring the Part Time Evil Logo. Example: (Preferably the Part Time Evil logo and the About Link start on the same line.) PART TIME EVIL ^ABOUT ^WORK ^BLOG ^CAREERS ^CONTACT I made the page links in a Code Block and attached a class = "menuop" for the buttons so they can be manipulated. I'm just having trouble getting the links to stack correctly and fitting the Part Time Evil logo next to the stacked page links. All of my custom CSS is at the very bottom of the Custom CSS window. (As well as within the code block.) Thanks! )

Site URL: https://pte.squarespace.com/ Hi, I am having some trouble keeping my footer within the boundaries of the page. I was hoping to make the ^ABOUT ^WORK ^BLOG ^CAREERS ^CONTACT footer h4 text get smaller as the window resizes, however since I'm using nowrap, it makes the buttons fall off the page. Do you know a solution for this? Also, there is a lot of empty space to the right of the "Part Time Evil" logo that is keeping the menu buttons from using that space. You're help is much appreciated. All my footer custom CSS is under the advanced Footer section.

@tuanphan In order to try and get it working in Squarespace, I just added all the code using a codeblock and <script> and <style> tags. The screenshots that I initially sent were just mockup designs in photoshop. I couldn't get it to work on my end so I removed my attempts. Feel free to test it out on a new page if that helps.

Thanks again ya'll!

.header-menu-nav-folder-content .container.header-menu-nav-item:nth-child(2) { display: none; } ^ this seems to be really close, but it is hiding my "work" page as well, which needs to stay visible.

Thanks again @bangank36 This works great on desktop, however they are still showing up on mobile. Do you know how to fix this?