RWD came along about 10 years ago when surfing the internet with cell phones began to be an every day habit. A need for web design that allowed the same web site to be viewed on a desk top , laptop, tablet or cell phone was a must.
What was then Liquid web design evolved further into what today is the norm as Responsive Web Design.
Easy HTML5 Construction
I've tried to construct these templates with as little HTML code as possible. I advise novice web developers to spend more time studying CSS and Responsive Web Design techniques.
Learn to manipulate page structure and images with Media Queries.
Drop down Menu
The style sheet for the drop down menus is one from our free navbar collection. It was installed by adding a linked style sheet in the head section of the template document.
It is coupled with the Toggle Menu (javascript) that kicks in for smaller devices when the drop down menu is hidden.
If you'd rather use the original lmenu system (html and css), we left the code in place to give you the option.
It can be reactivated with a simple change in the bottom of the navbar style sheet and changing the back button display in the lmenu.css document.
Media Queries
Media Queries allow the developer to change font sizes, alter navigation devices and resize images or actually swap them out at different screen sizes as this template demonstrates.
To demonstrate grab the right edge of the browser and squeeze it to the left. As the width of the screen decreases five different size images will be displayed using the Media Queries in the style sheet.
Hover the mouse pointer over the image as you squeeze the page. We used the title tag to display the image number when it changes.
