How add multiple links of the pages in mobile navigation menu

I created a mobile navigation menu which display navigation icons in the bottom of the mobile screen. I linked google icons page where I'm taking the icons. All 5 icons are displaying in the bottom of screen, however now I'm stuck and don't have an idea how to add links of pages in the menu bar. I mean there is icon with three bar for main menu, like I want to add contact.html, blog.html, images.html in that icon. I mean whenever user click on the three bar it should display the links of these pages where user can click on of those and read. I appreciate your help.

Here is HTML code;

Hide menu home slider and active it when page scroll down ?

Hide menu home slider and active it when page scroll down

One line horizontal menu breaks up when using id element for separation from other code.

The code below creates a one line menu using a header text plugin in WP but it breaks the styles in the rest of the home page. I am trying to use the #hmenu id element to limit the styling to just the hmenu section. When I remove the remarks to activate the #hmenu element it turns into a verticle menu?

Any help will be appreciated as I am new to CSS styling. Thanks and regards, Kerry McNally

<!DOCTYPE html>
<html>
<head>
<style> 
/*#hmenu{*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #3082AB;
}
 
li {

help to remove responsive theme

I am hoping someone can help as I have tried without success so far.

All I want to do is remove the responsive menu as shown on this pic.
http://i.imgur.com/kI6cwbu.png

website is http://www.hostingwebdesign.com.au/cmstest/

I need to hide or remove that menu in mobile mode as it doesn't have the submenu feature.
Once I hide that then I can install Blur Mobile Menu which works fine.

Appreciate any help.

Note that the page needs to be in mobile view to see the menu of course.
By using emulator or live on your phone.
I used this..
http://iphone4simulator.com/

Vertical menu active link styling...

I have a simple vertical menu, here's the CSS:

.gradientmenu{
	list-style-type: none;
	margin: 125px 0;
	padding: 0;
	width: 160px;
}
 
.gradientmenu li a:link, li a:visited  {
	border-radius: 20px;
    background: #17988a; 
    background: -webkit-linear-gradient(#17988a, #a7f9f0);
    background: -o-linear-gradient(#17988a, #a7f9f0); 
    background: -moz-linear-gradient(#17988a, #a7f9f0);
    background: linear-gradient(#17988a, #a7f9f0);
	font: Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.0em;
	color: #fbf4da;
	line-height: 0.8em;

Syndicate content