Responsive Menu drop-down options obscured by image
Posted: Sat Aug 04, 2018 11:10 am
I have been experimenting with building a web page using the flex grid.
However, when I hover over an item on the responsive menu, if it has a sub-menu the drop-down panel is partially obscured by the image in the next row of the flexbox. I cannot seem to get the drop-down panel to display on top of the image. I have tried the "move to top" and "move to bottom" options to get one of these objects in a position where the drop-down panel appears on top of the image, but I don't seem to be able to achieve that.
I have posted the html file here: http://www.mfasa.co.za/flexgrid-test/flexgrid1.html
Can anyone tell me what I am doing wrong?
However, when I hover over an item on the responsive menu, if it has a sub-menu the drop-down panel is partially obscured by the image in the next row of the flexbox. I cannot seem to get the drop-down panel to display on top of the image. I have tried the "move to top" and "move to bottom" options to get one of these objects in a position where the drop-down panel appears on top of the image, but I don't seem to be able to achieve that.
I have posted the html file here: http://www.mfasa.co.za/flexgrid-test/flexgrid1.html
Can anyone tell me what I am doing wrong?