Create top menu items with two lines

Hello everyone, 

I have a series of dropdown menu items for a photography website. Two of the top-level navs are Maya (GT) and Maya (MX) (with photos from the respective places). Right now they are on one line but I'd like them to be on two so it looks cleaner. Is this possible? I.e.

"Maya

Mexico"

If I can make Mexico a smaller font by assigning it a different style, even better! It seems like this is possible but the code I've been trying hasn't been working

 site: https://clownfish-gerbil-d746.squarespace.com/ (pw: foxxarchive)

We are connecting the domain soon! Thanks for any advice. 

On 8/3/2024 at 12:51 PM, elliot887 said:

Hello everyone, 

I have a series of dropdown menu items for a photography website. Two of the top-level navs are Maya (GT) and Maya (MX) (with photos from the respective places). Right now they are on one line but I'd like them to be on two so it looks cleaner. Is this possible? I.e.

"Maya

Mexico"

 

If I can make Mexico a smaller font by assigning it a different style, even better! It seems like this is possible but the code I've been trying hasn't been working

 

 site: https://clownfish-gerbil-d746.squarespace.com/ (pw: foxxarchive)

 

We are connecting the domain soon! Thanks for any advice. 

 

Not sure about your point. Maya (MX) and Maya (GT) are dropdown folders. How can they be located in 2 lines?

Where exactly the "Mexico" word you want to set style?