I am tryig to create a sensitive website. I am in the first stage, in which according to "material first" metodology, Small mobile layout should be considered. Homepage (under construction) is something like this:
When a user clicks, for example, a secondary NAV bar on the first icon appears below the principal. View this image (Do not see icon, images are random and temporary):
I want to add two bars in a linear way. I do not know, perhaps with an image like these examples:
Is this a correct way ? And, this was also a good practice, in this case, how can I keep "link image" independently from screen width? The situation should be based on the status of other elements or perhaps, percentage. It can not be based on a full position. In this case, in fact, changing the size of the screen will cause a glitch in the image below:
gt; top & gt; & gt; meta http-equiv =" content-type "content =" text / html; Charset = UTF-8 "> gt; Title & gt; Responsive Site & lt; / Title & gt; & lt; link rel =" stylesheet "type =" text / css "href =" css / reset.css "& Gt; link rel =" stylesheet "type =" text / css "href =" css / princstyle.css "& gt; & gt; script type =" text / javascript "src =" js / jquery- 1.9.1.min.js ">