search

jefflangtech / intro-section

Repo for Front End Mentor Intro Section Challenge
0 stars 0 forks source link

Dropdown menus with filter dropshadow do not properly display on iPad (desktop mode) #3

Closed jefflangtech closed 2 years ago

jefflangtech commented 2 years ago

The submenu will initially load correctly, with a border radius and dropshadow but then loses the dropshadow except at the corner extremes outside the radius. Is it an overflow hidden thing again?

jefflangtech commented 2 years ago

A box-shadow can be considered overflow depending on the element container, and be cutoff when overflow:hidden is used. I needed overflow:hidden for the mobile nav but not the desktop nav, where the drop-shadow was being used also. Just needed to set overflow:hidden as the default, and overflow:visible for @media +860px for desktop