sb9201

Ah you were totally right - I had it set up as a link and not an email in my social links settings. Fixed I think! Thank you so much for all of your help Ziggy!

I removed this part of the css and it disappears altogether: .header-menu-actions a[href="http://mailto:hello@roseandcodesign.ca"]:before { content:'say hello'; }

All good! I changed it to "say hello" but unfortunately it's just linking back to my website instead of the mailto: action. Do you know how to fix that bit?

Updated!

Done! I added: //*ziggy 1*// .header-menu-actions { width: 70%; margin-left: auto; margin-right: auto; flex-direction: column; } .header-menu-actions .icon svg { display:none; } .header-menu-actions a[href="http://instagram.com/indoorwife"]:before { content:'instagram'; } .header-menu-actions a[href="http://mailto:hello@roseandcodesign.ca"]:before { content:'email'; } //*ziggy 2*// header-menu-actions-action .icon { height: auto; width: auto; }

The one you first posted or the one I tried to come up with? Just want to make sure I'm putting in the correct one for you. Yours: .header-menu-actions { width: 70%; margin-left: auto; margin-right: auto; flex-direction: column; } .header-menu-actions .icon svg { display:none; } .header-menu-actions a[href="http://instagram.com/indoorwife"]:before { content:'instagram'; } .header-menu-actions a[href="http://mailto:hello@roseandcodesign.ca"]:before { content:'email'; } Mine: /*add paragraph in menu*/ .header-menu-nav-folder:before { display: block; content: "instagram"; font-family: 'aktiv-grotesk'; font-size: 14px; line-height: 1.5em; letter-spacing: 0em; color: #1b1b1b; width: 70%; margin: auto !important; position: relative; top: 60vh; text-align: justify; /* For Edge */ text-align-last: right; }

Yep for sure! Which one?

@Ziggy I also tried this but obv instragram isn't linked to anything so it doesn't work but it's the closest I could get haha /*add paragraph in menu*/ .header-menu-nav-folder:before { display: block; content: "instagram"; font-family: 'aktiv-grotesk'; font-size: 14px; line-height: 1.5em; letter-spacing: 0em; color: #1b1b1b; width: 70%; margin: auto !important; position: relative; top: 60vh; text-align: justify; /* For Edge */ text-align-last: right; }

website: roseandcodesign.ca My desktop menu and mobile menu are the same. How can I change the social icons to be text instead?

Any ideas on how to format the links like this? Truly appreciate your help so much!!

When my visitors click on my Services page from the main menu, I want them to land on a page like this where they choose from two options. They have to select one and then they're brought to the page that's relevant to them. I don't want tabbed content where information for one is automatically displayed. Any help would be greatly appreciated!

Just a link!

Thank you so much! Here is the info: https://forum.squarespace.com/topic/318055-how-can-i-add-my-site-footer-to-my-mobile-menu/

It worked!!!!!! THANK YOU so much. Do you know how to fix my last menu issue by any chance? https://forum.squarespace.com/topic/318055-how-can-i-add-my-site-footer-to-my-mobile-menu/ Also, do you have somewhere I can send you a tip as a thank you like buymeacoffee or paypal?

Happy to send $ via PayPal for the help!

They would be buttons - like any other footer links.

I'm really not sure. Hopefully someone is able to help!

roseandcodesign.ca Looking to either add my footer or add links to the bottom of my mobile menu that I can format myself. Is this possible? Similar to this:

Hey! Would you mind sharing how you got this to work?

roseandcodesign.ca Here is the code I've added to my custom css section: /*adds logo over homepage slideshow*/ #collection-66abca86f4a970287d00bdb6:before { content: ""; background-image: url(https://images.squarespace-cdn.com/content/6320953b85446233a75238cd/b46a4d10-2b29-4176-81df-7b605f7d6917/Asset+2.png?content-type=image%2Fpng); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9999; width: 100px; height: 100px; } How can I make it so that clicking on my logo has the same result as clicking on the hamburger icon?

Ahhh thank you SO MUCH! Worked perfectly!

roseandcodesign.ca I need the links to line up with the blurb at the top and can't get it to work. Mobile and web are giving different results as well. From my custom css: /*add paragraph in menu*/ .header-menu-nav-folder:after { display: block; content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."; font-family: 'aktiv-grotesk'; font-size: 14px; line-height: 1.5em; letter-spacing: 0em; color: #1b1b1b; width: 70%; margin: auto !important; position: relative; top: -60vh; text-align: justify; /* For Edge */ text-align-last: right; } /*change font size desktop menu nav links */ .header-menu-nav-item a { font-size: 14px !important; text-align: justify !important; text-align-last: right !important; top: 10vh; }

Hi everyone. I've gone through all relevant posts but nothing is working for me. Any help would be hugely appreciated!