I’m in the middle of a project and I’ve got stuck and hoped you folks could help me out.
Currently I’m trying to optimize the design for both pc and mobile device and here’s problem — the menu I would like to show on the mobile won’t appear.
The code can be seen here: http://cdpn.io/nqpLo
As you can see I’m using a sticky footer holding the menu(‘s) one is hidden with the help of an id tag and given the css attribute “visibiilty:hidden;”
The other is visible for the pc(or laptop ofc) user.
Thanks in advance – If you’re in doubt or I’m not explaining myself well enough please do let me know :)
@Jarolin, @wolfcry911: I found a solution and wanted to let you know.
Using the attribute Visibility:hidden; it still takes up space despite being hidden but by using display:run-in;
> The Element is rendered as block-level or inline element. Depends on context – w3schools.com