PartTwoDesign Posted June 21 Posted June 21 Hi, I have used the Squarekicker plugin to add an overlay hamburger menu to my site when viewed on desktop. I have a drop down menu inside 'Services' which has a lot of links. There are so many links that they fill the screen and you have to scroll down to see them all. Is there a way to alter the size and line spacing for the links inside the 'Services' drop down menu without resizing the links in the main part of the navigation menu. The main navigation link size is fine (as you can see in my screenshots) but when you click on services I would like to reduce the size and line height of these links with code. Any help would be greatly appreciated. Password: parttwo Thank you, Chris
Beyondspace Posted June 21 Posted June 21 39 minutes ago, PartTwoDesign said: Hi, I have used the Squarekicker plugin to add an overlay hamburger menu to my site when viewed on desktop. I have a drop down menu inside 'Services' which has a lot of links. There are so many links that they fill the screen and you have to scroll down to see them all. Is there a way to alter the size and line spacing for the links inside the 'Services' drop down menu without resizing the links in the main part of the navigation menu. The main navigation link size is fine (as you can see in my screenshots) but when you click on services I would like to reduce the size and line height of these links with code. Any help would be greatly appreciated. Password: parttwo Thank you, Chris Can you share your URL so I can check it? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
PartTwoDesign Posted June 21 Author Posted June 21 Thank you @Beyondspace the URL is https://dachshund-cow-978m.squarespace.com Password: parttwo Thanks, Chris
Solution Beyondspace Posted June 21 Solution Posted June 21 1 hour ago, PartTwoDesign said: Hi, I have used the Squarekicker plugin to add an overlay hamburger menu to my site when viewed on desktop. I have a drop down menu inside 'Services' which has a lot of links. There are so many links that they fill the screen and you have to scroll down to see them all. Is there a way to alter the size and line spacing for the links inside the 'Services' drop down menu without resizing the links in the main part of the navigation menu. The main navigation link size is fine (as you can see in my screenshots) but when you click on services I would like to reduce the size and line height of these links with code. Any help would be greatly appreciated. Password: parttwo Thank you, Chris You can try the following custom CSS :not([data-folder ="root"]) .header-menu-nav-folder.header-menu-nav-folder--active .header-menu-nav-folder-content { display: block; } My testing page Note: set display: block to overwrite the display: flex BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
PartTwoDesign Posted June 24 Author Posted June 24 Hi @Beyondspace , that is working perfectly! Thank you so much for solving that!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment