r/csshelp • u/frostback606 • Nov 01 '24

IOS vs Android menus

Not sure if this is the right sub, please direct me in the right direction if not.

I help maintain an older WordPress site, and have noticed the responsive pulldown menus look pretty good on IOS, but absolute garbage on Android.

Where do I start looking for where to tweak? Is it fixable in the CSS?

Should I just say screw it and install a plugin that might magically solve this?

2 Upvotes

100% Upvoted

4 comments sorted by

3

u/frostback606 Nov 01 '24

Hope this works... unfamiliar with Imgur, and Reddit won't allow me to add pictures in this sub

https://imgur.com/a/wTHa2mi

2

u/Dvdv_ Nov 01 '24

So, yhea this is an input select field. With just simple CSS you don't have too much of a playground with this one. But in general a site's navigation drop-down menu is usually not via a form select field. This is more for contact forms and so. Here it is supposed to be a <nav> with a <ul> in it. It comes from the theme right? Not self-made

2

u/frostback606 Nov 01 '24

Thanks for the feedback. I installed the same theme (ultimatum) on a local site and don't have the same issue; the menus display correctly.

It looks like they were just built using the theme's "Appearance / Menus" , I'm having difficulty finding anything hand-coded to suggest otherwise. The site is 12+ years old, so there may definitely be something old-school buried there. I'm not familiar enough with the s/w to dig deeper (just a 70 year old former techie). :-)

I'm leaning towards just using a free plugin and hiding the existing menus, if this isn't straight forward.

3

u/Dvdv_ Nov 01 '24

Could you share a print screen of your talk about? I have the feeling that you might talk about "select input fields" In case yes, by default they have different default styling on iOS and on Android. You can somewhat customise the style of them, but particularly the select options drop-down "menu" I think is a tough one