Bluemonque Posted December 6, 2021 Share Posted December 6, 2021 (edited) Site URL: https://www.lseven.nl/home-new Hi guys, I'm struggling with my dropdown menu, can somebody help me out? I've found a few answers but nothing is 100% fitting / working Centered below the main topic / navigation Background color always white Tekst color always #2D2926 With adjusted to the text. (Now it's very wide but the text isn't) Thanks a million! Edited December 6, 2021 by Bluemonque Link to comment
Solution Beyondspace Posted December 7, 2021 Solution Share Posted December 7, 2021 18 hours ago, Bluemonque said: Site URL: https://www.lseven.nl/home-new Hi guys, I'm struggling with my dropdown menu, can somebody help me out? I've found a few answers but nothing is 100% fitting / working Centered below the main topic / navigation Background color always white Tekst color always #2D2926 With adjusted to the text. (Now it's very wide but the text isn't) Thanks a million! Try adding to Home > Design > Custom Css .header-nav-list .header-nav-folder-content { background: #fff !important; min-width: 80px !important; } .header-nav-folder-item a { color: #2D2926 !important; padding: 5px 10px !important; } Let me know how it works on your site Support me by pressing 👍 if this useful for you Bluemonque and tuanphan 1 1 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Bluemonque Posted January 25, 2022 Author Share Posted January 25, 2022 On 12/7/2021 at 2:56 PM, bangank36 said: Try adding to Home > Design > Custom Css .header-nav-list .header-nav-folder-content { background: #fff !important; min-width: 80px !important; } .header-nav-folder-item a { color: #2D2926 !important; padding: 5px 10px !important; } Let me know how it works on your site Support me by pressing 👍 if this useful for you Thanks a million for this! Works perfect on the site. Maybe one smalle other thing if you can help me out: the dropdown is placed very close to the main navigation. Is there any code to increase the distance a little bit between navigation and dropdown? Thx! Link to comment
Bluemonque Posted January 25, 2022 Author Share Posted January 25, 2022 5 minutes ago, Bluemonque said: Thanks a million for this! Works perfect on the site. Maybe one smalle other thing if you can help me out: the dropdown is placed very close to the main navigation. Is there any code to increase the distance a little bit between navigation and dropdown? Thx! the font in the mobile menu is really big. Is there a code to decrease the font size here/ The text is also underlined in general with mouse over and in mobile menu. Can I delete this? Thanks! Link to comment
Bluemonque Posted January 25, 2022 Author Share Posted January 25, 2022 7 minutes ago, Bluemonque said: the font in the mobile menu is really big. Is there a code to decrease the font size here/ The text is also underlined in general with mouse over and in mobile menu. Can I delete this? Thanks! I've used this code for it but the underline is still there: .header-menu-nav-item a { font-size: 14px; text-decoration:none !important; } (The website is www.lseven.nl) Link to comment
tuanphan Posted January 26, 2022 Share Posted January 26, 2022 18 hours ago, Bluemonque said: I've used this code for it but the underline is still there: .header-menu-nav-item a { font-size: 14px; text-decoration:none !important; } (The website is www.lseven.nl) Add to Design > Custom CSS /* nav underline */ .header-nav-item a:after { opacity: 0; } .header-menu .header-menu-nav a:not(.btn) { border: none !important; background-image: none !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment