Variant dropdown menu design outdated on mobile

Highlighted
Excursionist
16 1 4

Hey all, I’m trying to edit my dropdown menu for my website, shows perfect on desktop but once I check the website out on mobile the variant dropdown menu looks old and outdated, like a gradient tacky dropdown menu, I’m unsure of how to fix this please help if you can

theme: shella

example: https://monoporium.com.au/collections/tees/products/white-signature-distressed-t-shirt

0 Likes
Highlighted

Hi @Ronann 

Did you create it yourself? it looks the same on desktop to me. You need to add styling to make it pretty aka CSS.

 

Defineify_0-1604097769280.png

 

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
0 Likes
Highlighted
Excursionist
16 1 4

Yes I did make it myself but weird, on my end on my desktop it looks perfect, I will try and play around with the css and try to get it to look good, may I ask what screen size/os are you using just so I can pinpoint if it’s just showing for different screen sizes

0 Likes
Highlighted

Hi @Ronann 

Just search online :), "how to make dropdown look nice/pretty/modern with CSS"

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
0 Likes
Highlighted
Excursionist
16 1 4

Have styled the dropdown and still showing as the grey gradient dropdown on iOS safari and chrome 

0 Likes