Header

  • This summer I plan to bike 4,000 miles across the country raising money and awareness for MS… Creating my fund-raising site has not become more of an endeavor!
    https://i71.photobucket.com/albums/i157/Taylorgtarist110/Header.jpg

    I’m having trouble creating a header menu like the picture above. It would be my logo (MS4000) then to the side of it a list of pages to my site (about, about me, FAQ, donate, etc…) The page being selected(gray), donate link orange(unless selected) and all other being blue.

    If anyone could help that would be awesome!

    -Thanks, Robbie

Viewing 1 replies (of 1 total)

  • if using a custom meny; (https://codex.www.ads-software.com/Navigation_Menus)
    functions.php:
    register_nav_menu('primary' , 'Primary Navigation') );
    header.php:

    <nav>
<?php wp_nav_menu( array( 'container_class' => 'menu', 'theme_location' => 'primary' ) );?>
</nav>

    css:

    nav {
put whatever width and margin margin you need here to fit your logo..
}

nav li {
	display:block;
	float:left;
	height:18px;
}
nav li a {
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	color:#27b8e5;
	border-right:2px solid #27b8e5;
	text-transform:uppercase;
}
nav ul li.current-menu-item a{color:#ccc4b7;}
nav ul li.menu-item-28 a {color:#ef9a63}

nav li a:hover {
	color:#000;
	text-decoration:underline;
}

    change the menu item number (here:28), to whatever number Donate has.

Viewing 1 replies (of 1 total)
  • The topic ‘Header’ is closed to new replies.