Menu Pulldowns not rendering properly

Design help General
1

Hello.

My WIP site can be viewed at https://preview.webflow.com/preview/justcovers-old?preview=fff2664c1e09d867a9d31c621074ebc5

I have just created a dropdown menu which contains pulldowns:-

640×1136 122 KB

You will note that the pulldowns relate to the “Pool Covers” and “Child Pool Safety” tabs.

However, when activating the pulldown for “Pool Covers”, on my Iphone6, the dropdown icon shifts adjacent to the “Feature or Retaining Walls” label (which is not a dropdown). See

640×1136 151 KB
i

The icon disappears if the menu is scrolled.

Is this a bug, or am I missing a setting somewhere?

Any help would be appreciated.

Thanks in advance.

Allan

2

You have a hover state on the .menulinkbar.dropdown, on tablet and lower.

3239×1319 1.34 MB

622×845 50 KB

3

Thanks for your assistance. The way I see it, the hover state is disabled for everything except desktop. It this still causing the issue? Should I do this another way?

Your suggestions are appreciated.

4

No, that’s not how it works. If you don’t want it for tablet and below, click the trash icon.

5

Ok, did that - but the problem still remains.

Site is now at https://preview.webflow.com/preview/justcovers?preview=fff2664c1e09d867a9d31c621074ebc5

Allan

6

Hmmm… Seems like the hover state transform needs to be set to Scale 1,1,1 instead.

1 Like
7

Genius, thank-you Sam.

All perfect now.

I sure appreciate the help. Would have taken me days to work that out, if at all.

Best regards,

Allan

1 Like
8

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.