Adding the logo to the wp menu
-
Hello there.
I am trying to add a image to the right side of the wp menu, as a theme I downloaded Simon WP Framework.
Here is the menu code:<div id="" class="container_12"> <div id="header" class="container_12"> <div id="navigation" class="container_12"> <div class="my-menu-container"> <ul id="myn-menu" class="menu"> <li id="menu-item-4" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4"> <li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"> <li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7"> <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"> <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"> </ul> </div>
There was the search part, I commented it out and tried to add an image insted like
<div id="navigation" class="container_12"> <?php wp_nav_menu(); ?> <div id="search" class="grid_3"> <?php //get_search_form(); ?> <?php $image = "/images/lpn_logo.jpg"; Echo "<img src=".$image." Style=width:300px;height:240px;>" ?> </div> </div>
First I tried it using inside CSS but did not succeeded.
.light_navigation #navigation { background: #0061AB; /* #222;*/ background: -moz-linear-gradient(#044770, #0061AB);/* c6c6c6 = 0061AB e0e0e0 = 044770*/ background: -o-linear-gradient(#044770, #0061AB); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e0e0), to(#0061AB)); /* older webkit syntax */ background: -webkit-linear-gradient(#e0e0e0, #c6c6c6); -webkit-box-shadow: #ccc 0px 1px 1px; -moz-box-shadow: #ccc 0px 1px 1px; box-shadow: #ccc 0px 1px 1px; text-shadow: #fff 0px 1px 1px; clear: both; display: block; float: left; margin: 0px; width: 100%; background:url(images/lpn_logo.jpg) no-repeat 100% 1px; */ }
Any idea how to manage this?
Thanx in advance
- The topic ‘Adding the logo to the wp menu’ is closed to new replies.