Create Horizontal page Menus in WordPress theme

Many people are new in development of wordpress theme. They are searching for how to Create the Horizontal page Menus in WordPress theme. Here is code for creating the Horizontal page Menus in WordPress theme.

Create Horizontal page Menus in WordPress theme

Here I am going to show the simple technique of creating the horizontal page menu with wordpressapi.

Just create pages in wordpress first. Add following lines to your header.php file where you want to show the page menu.


navmenu">
<ul>

<ul>

<ul>
	<li>php echo get_settings('home'); ?>">HOME</li>
</ul>

</ul>

<!--?<span class="hiddenSpellError" pre="" data-mce-bogus="1"-->php wp_page_menu(); ?>
</ul>
</div>

Add folliowing lines in your style.css file.


#navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }
#navmenu ul li a {text-decoration:none;  margin: 4px; padding: 5px 20px 5px 20px; color: blue; background: pink;}
#navmenu ul li a:hover {color: purple; background: yellow; }

Horizontal page Menus in WordPress

Create Horizontal page Menus in WordPress theme

 

That sit!

Add a Comment

Your email address will not be published. Required fields are marked *