2013-02-27, 02:02:54
Hi all, if I dont ask I wont know so here we go..
I am struggling to insert a social network button onto my menu.
Here is my coding on my template file -
And here is my menu style in css -
/* Menu */
#menu-wrapper {
overflow: hidden;
height: 53px;
background: #40745E;
}
#menu {
overflow: hidden;
height: 52px;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li {
display: inline-block;
}
#menu a {
display: block;
padding: 0 30px;
line-height: 52px;
border: none;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 1.2em;
color: #FFFFFF;
}
#menu a:hover, #menu .current_page_item a {
background: #325A49;
text-decoration: none;
color: #FFFFFF;
}
#menu li.current {
background: #325A49;
}
Can someone shred some light on how to insert the social network button I have onto the menu, right side of menu.
Thanks
I am struggling to insert a social network button onto my menu.
Here is my coding on my template file -
PHP Code:
<div id="menu-wrapper">
<div id="menu" class="container">
<ul>
<?php get_navigation(return_page_slug()); ?>
</ul>
</div>
</div>
And here is my menu style in css -
/* Menu */
#menu-wrapper {
overflow: hidden;
height: 53px;
background: #40745E;
}
#menu {
overflow: hidden;
height: 52px;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li {
display: inline-block;
}
#menu a {
display: block;
padding: 0 30px;
line-height: 52px;
border: none;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size: 1.2em;
color: #FFFFFF;
}
#menu a:hover, #menu .current_page_item a {
background: #325A49;
text-decoration: none;
color: #FFFFFF;
}
#menu li.current {
background: #325A49;
}
Can someone shred some light on how to insert the social network button I have onto the menu, right side of menu.
Thanks