Dee12 6 Share Posted May 17, 2020 Hello, I was wondering if there was a way to add a down arrow icon to the drop down menu? I've tried multiple css codes but nothing has worked. Any help would be appreciated! Link to post
paul2009 30,147 Share Posted May 17, 2020 This is usually straightforward, but it is specific to the template and site settings. It will really help us if you include a working link to the site. If your site isn't live yet, please set a site password and tell us what it is. Hi, I'm Paul, founder of SF Digital, building the features that Squarespace didn't include™.I value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.I ♥ Squarespace. I've been a loyal and enthusiastic supporter of the platform since 2007. Link to post
Dee12 6 Author Share Posted May 17, 2020 (edited) Oh okay! @paul2009 My site is https://www.uniquelydolledwigs.com password: unique1234 Edited May 17, 2020 by Dee12 Link to post
paul2009 30,147 Share Posted May 17, 2020 Try adding this to Settings > Advanced > Code Injection > Header: <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> And add this to Design > Custom CSS: .header-nav-item.header-nav-item--folder a.header-nav-folder-title:after { font-family: FontAwesome; content: "\f107"; padding-left: 4px; } You should see this: Let me know how you get on. -Paul fhoreilly, AkankshaK and Dee12 2 1 Hi, I'm Paul, founder of SF Digital, building the features that Squarespace didn't include™.I value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.I ♥ Squarespace. I've been a loyal and enthusiastic supporter of the platform since 2007. Link to post
AkankshaK 1 Share Posted January 9 On 5/17/2020 at 12:17 PM, paul2009 said: Try adding this to Settings > Advanced > Code Injection > Header: <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> And add this to Design > Custom CSS: .header-nav-item.header-nav-item--folder a.header-nav-folder-title:after { font-family: FontAwesome; content: "\f107"; padding-left: 4px; } You should see this: Let me know how you get on. -Paul Hi Paul, this is fantastic, thank you. Would you be able to help with opening the sub menu when the down arrow is clicked as oppposed to it opening on hover? Thanks! Akanksha Link to post
tuanphan 9,549 Share Posted January 10 @AkankshaK If you share site url, we can check easier Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
AkankshaK 1 Share Posted January 10 9 hours ago, tuanphan said: @AkankshaK If you share site url, we can check easier Hi Tuan, thanks so much. My website is www.purnamayurveda.com. Link to post
tuanphan 9,549 Share Posted January 15 On 1/10/2021 at 6:01 PM, AkankshaK said: Hi Tuan, thanks so much. My website is www.purnamayurveda.com. Hi. This will require script code. Do you use Personal or Business Plan? Also, you want dropdown menu show on click, on both click + hover arrow? Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
AkankshaK 1 Share Posted January 17 On 1/15/2021 at 10:35 PM, tuanphan said: Hi. This will require script code. Do you use Personal or Business Plan? Also, you want dropdown menu show on click, on both click + hover arrow? Hi Tuan, thanks for looking into this. I have a business plan. I would like the dropdown menu to show on click+ hover please if possible 🙏 Link to post
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment