XF 2.2 Can drop downs be styled ?

Digital Doctor

Well-known member
IMG_7773.webp

On the largest iPhone, it’s still a bit difficult to select entries with 100% accuracy. I did get a warning “do you want to delete” which I said no because I didn’t want that.

Is it possible to:

make the drop down 2 column, with button-like appearance ?


1708542149880.webp
 
Last edited:
I'm using a third party theme. One of the first things I noticed was how much more padding there was between menu items. I found it wasteful at first, but then realized that with over 50% of our visitors using smartphones, that added padding is there for a reason--making it easier to tap what is intended.

Stock XF:

1709944862730.webp

Third-party:

1709944893134.webp

(Don't mind that our test forum has a bug in it. 😁)

.menu-linkRow { padding-bottom: 20px; } results in this:

1709944987485.webp

...and I would imagine that adding that padding in the menu you've shown would do the same.

Even if adding padding isn't the best looking option, it would be a quick fix until you could do it more to your liking (especially turning those options into buttons, which shouldn't be too hard).
 
I would probably increase both top and bottom padding--maybe making them 10px each vs. all 20px at the bottom. At any rate, it's something to test out and see if you like it.
 
Top Bottom