“Puerto - Responsive Mega menu” Documentation by “Puerto Khalid” v1.0
“Puerto - Responsive Mega menu”
Created: 31/03/2014
By: Puerto Khalid
Email: el.bouirtou@gmail.com
Thank you for purchasing my item. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Table of Contents
A) HTML Structure - top
This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. Menu has two similar layout and eight colors, each theme can be used separately without any connection with the others. Menu is responsible and adapts to the screen of the device(computer monitor, tablet, mobile phone...). Menu also has five different animation.
Menu works (the main structure is 100% same) on Internet Explorer 9, 8, 7... and a lot of old browsers but animation and some other CSS3 features do not work.
If you encounter any errors please contact me or leave a comment, and I will fix them as soon as possible.
If you would like to start a right link, you would do the following:
B) CSS Files and Structure - top
I'm using three CSS files in this item.
The first one normalize.css is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.
The second file main.css contains the general stylings for the page and media queries for showing page in a multiscreens.:
The third file 1-first-layout.css contains all of the specific stylings for the menu.
If you could to edit the colors you just 1-first-layout.css contains all of the specific stylings for the menu.
If you would like to edit the color of the menu, you would edit name of linking style from 1-first-layout-color-(number of color).css to 8 available colors (blue, green, pink, purple, orange, yellow, black, default) as following:
Exemple:
Exemple 2:
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.
The same thing If you would like to add a specific color of the second layout, you just edit from 1-first-layout to 2-second-layout.
C) Sources and Credits - top
I've used font-awesome.min.css item from Font awesome.
Once again, thank you so much for purchasing this item. As I said at the beginning, I'd be glad to help you if you have any questions relating to this item. No guarantees, but I'll do my best to assist. If you have a more general question relating to the item on Codecanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Puerto Khalid