Can You Do Dropdowns in Squarespace?

Dropdowns are a great way to add extra content to your Squarespace site without taking up too much space. You can use them to display additional information, images, or even video.

However, there is one downside to using dropdowns – they can be a little tricky to style. In this article, we’ll show you how to style dropdowns in Squarespace so that they look great on your site.

The first thing you need to do is create a custom CSS file.

You can do this by going to the “Design” tab and selecting “Custom CSS.”

Once you’ve created your CSS file, you’ll need to add the following code:

.dropdown {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}dropdown-menu {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

The next step is to add some styling to the dropdown menu.

You can do this by adding the following code to your CSS file:

.dropdown-menu li {
  padding: 10px;
}
.dropdown-menu li a {
  text-decoration: none;
  color: #333;
}

If you want to change the color of the dropdown menu, you can do so by adding this code to your CSS file:

.dropdown-menu li a {
color: #000;
}