Jump to content

How to get rid of underlined dropdown menus when viewing mobile menu from home page?

Go to solution Solved by tuanphan,

Recommended Posts


When viewing my mobile menu while on the home page, "Medical dermatology" and "Cosmetic dermatology" are both underlined even though they are not active pages and aren't even clickable pages. When viewing the mobile menu on any page other than the home page, they aren't underlined which is how I would like it to be. 

Does anyone know how to help fix this? Thank you in advance!

site: https://brannata-dermatology.squarespace.com/

password: bd

Link to comment
  • Replies 3
  • Views 271
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

I also just noticed that when viewing any of the dropdown menu pages under "medical dermatology", the "Medical Dermatology" underline is spanning the same width as the dropdown menu "box area". I had do adjust the min-width of medical dermatology using this code: 

.header-nav-item:nth-child(1) {
  min-width: 295px!important;

because previously the dropdown menu wasn't wrapping the text properly so I just extended the box instead.

If anyone could help me solely target the nav menu underline dimensions I would appreciate it too. 

Screenshot 2024-04-30 at 11.31.45 AM.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.