Nav links padding and Social Icon hover

Hello! I need some help with two things.

1. I have a split navigation and I'm trying to adjust the padding of the nav links to be more inline with the middle of the logo. I tried adjusting the line height in the site style menu, but it didn't really give me the control I'm looking for.

2. I have my social icons in the footer. The default hover effect is to have the links at full opacity and when hovered over, the icon decreases in opacity. I would like to switch that and have all the icons at a slightly lower opacity and when hovered over the icon will go to full opacity. I hope that makes sense 🫤

Hi,

What is site url? We can check easier

Hi @tuanphan,

sunflower-turquoise-ls9y.squarespace.com

password: Cookies&Cream12$

I don't know how, but I messed around with some code and managed to get the nav links where I want them. Still don't know how to fix the footer social icons. 

On 4/28/2023 at 9:56 PM, tuanphan said:

Add this to Design > Custom CSS

/* Footer Social Icons */
footer.sections .sqs-svg-icon--wrapper {
    opacity: 0.8 !important;
}
footer.sections .sqs-svg-icon--wrapper:hover {
    opacity: 1 !important;
}

 

Thank you so much for the help @tuanphan The code worked perfectly!