Faizaan Posted July 10 Posted July 10 I have 2 dropdown menus in my header of which I only want to edit one of them using custom CSS. How do I do it? Is it even possible? Please help I have this website due in 3 days.
Square_Ace Posted July 10 Posted July 10 Yep, it's possible. I assume the 2 columns should only appear on desktop, not the mobile menu. Add this to your custom CSS: .header-nav-folder-title[href="/folder-slug"] + .header-nav-folder-content { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1em; } Change /folder-slug to the slug of the folder you want to have 2 columns. Hope that helps. Andrew Enhancing Squarespace websites for over a decade. I am an expert in writing custom code for the Squarespace platform. Tailor-made, reusable solutions to your problems, whether it's styling, layout or functionality. Maverick Squarespace Designers, I'll be your Goose. If your tools are holding back your creative vision, maybe I can help. I also build useful plugins for Squarespace (with some really positive reviews) including the popular high-quality video background plugin.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment