Hey crew,
I'm making a responsive website where the submenu has position:absolute. When switching to mobile (width < 580) it becomes relative again.
But when increasing window size again, the position:absolute is not picked up again. This problem only occurs in Chrome.
Link to the code: http://www.mediafusion.nl/menu/
Thanks for the help!
PS: Safari also refuses to revert back correctly.
@Yvon, your submenu is just fine, it goes back to absolute for me in Chrome, but I'd change your parent menu's <li> tags to inline-block, rather than inline, or, alternatively, add a float: left; to the <li> tags, and add a clearfix to your .content
<li>
float: left;
.content
That did the trick! Thanks Chris. After a while, you've just been staring too long at the same code :)
Hey crew,
I'm making a responsive website where the submenu has position:absolute. When switching to mobile (width < 580) it becomes relative again.
But when increasing window size again, the position:absolute is not picked up again. This problem only occurs in Chrome.
Link to the code: http://www.mediafusion.nl/menu/
Thanks for the help!
PS: Safari also refuses to revert back correctly.
@Yvon, your submenu is just fine, it goes back to absolute for me in Chrome, but I'd change your parent menu's
<li>tags to inline-block, rather than inline, or, alternatively, add afloat: left;to the<li>tags, and add a clearfix to your.contentThat did the trick! Thanks Chris. After a while, you've just been staring too long at the same code :)