Hi there.
So I've been attempting to work in a different header/footer into my forum's container template. However, when I put the code in, the CSS for the navigation menu gets thrown off and looks awful. I can't seem to find the conflict between the new CSS and the old CSS. It doesn't matter how I place it, it just continues to cause conflicts.
Below is the code I added and attached are images showing what happens.
Any help with this matter will be greatly appreciated. I just want to move on to the next phase of my site's development.
So I've been attempting to work in a different header/footer into my forum's container template. However, when I put the code in, the CSS for the navigation menu gets thrown off and looks awful. I can't seem to find the conflict between the new CSS and the old CSS. It doesn't matter how I place it, it just continues to cause conflicts.
Below is the code I added and attached are images showing what happens.
HTML:
<!-- BEGIN STYLESHEETS -->
<link rel="stylesheet" href="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="SuperCritical Gaming RSS Feed" href="http://supercriticalgaming.com/feed/" />
<link rel="alternate" type="application/atom+xml" title="SuperCritical Gaming Atom Feed" href="http://supercriticalgaming.com/feed/atom/" />
<link rel="pingback" href="http://supercriticalgaming.com/xmlrpc.php" />
<!-- BEGIN JS -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/js/superfish.js"></script>
<script type="text/javascript" src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/js/scripts.js"></script>
<script type="text/javascript" src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/js/jquery.tools.min.js"></script>
<script type='text/javascript' src='http://supercriticalgaming.com/wp-includes/js/l10n.js?ver=20101110'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://supercriticalgaming.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://supercriticalgaming.com/wp-includes/wlwmanifest.xml" />
<link rel='index' title='SuperCritical Gaming' href='http://supercriticalgaming.com/' />
<meta name="generator" content="WordPress 3.1.1" />
<link href="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/styles/default.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css">
html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
</style>
<body class="home blog logged-in admin-bar layout-2cr">
<!-- BEGIN HEADER WRAPPER -->
<div id="header-wrapper">
<!-- BEGIN HEADER -->
<div id="header">
<!-- BEGIN TOP NAVIGATION -->
<ul id="top-navigation">
<li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-7"><a href="http://supercriticalgaming.com">Home</a></li>
<li id="menu-item-19" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19"><a href="http://supercriticalgaming.com/forums">Forums</a></li>
</ul>
<!-- END TOP NAVIGATION -->
<!-- BEGIN SOCIAL MEDIA -->
<div id="social-media">
<a href="http://www.facebook.com/"><img src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/images/facebook.png" alt="Facebook" /></a> <a href="http://www.twitter.com/"><img src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/images/twitter.png" alt="Twitter" /></a> <a href="http://supercriticalgaming.com/feed/" title="Subscribe to our feed"><img src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/images/rss.png" alt="RSS" /></a>
</div>
<!-- END SOCIAL MEDIA -->
<!-- BEGIN LOGO -->
<div id="logo">
<a href="http://supercriticalgaming.com"><img src="http://supercriticalgaming.com/wp-content/themes/leetpress-a-gaming-wordpress-theme/leetpress/images/logo.png" alt="SuperCritical Gaming" /></a>
</div>
<!-- END LOGO -->
<!-- BEGIN NAVIGATION-WRAPPER -->
<div id="navigation-wrapper">
<!-- BEGIN NAVIGATION -->
<ul id="navigation">
<li id="menu-item-18" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18"><a href="http://supercriticalgaming.com/category/news/">News</a></li>
<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16"><a href="http://supercriticalgaming.com/supercritical-jawnman/">SuperCritical JawnMan</a>
<ul class="sub-menu">
<li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="http://supercriticalgaming.com/supercritical-jawnman/">About</a></li>
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="http://supercriticalgaming.com/supercritical-jawnman-live/">Watch Live!</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-26"><a href="http://supercriticalgaming.com/category/jawnmantv/pastepisodes/">Past Episodes</a></li>
</ul>
</li>
<li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15"><a href="http://supercriticalgaming.com/dj-kurono/">DJ Kurono</a>
<ul class="sub-menu">
<li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="http://supercriticalgaming.com/dj-kurono/">About</a></li>
<li id="menu-item-29" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29"><a href="http://www.soundcloud.com/djkurono">Soundcloud</a></li>
<li id="menu-item-28" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-28"><a href="http://supercriticalgaming.com/category/djkurono/mixes/">Mixes</a></li>
</ul>
</li>
</ul>
<!-- END NAVIGATION -->
<!-- BEGIN SEARCH -->
<div id="search">
<form method="get" id="searchform" action="http://supercriticalgaming.com/">
<input type="text" name="s" id="s" value="" />
</form> </div>
<!-- END SEARCH -->
</div>
<!-- END NAVIGATION-WRAPPER -->
</div>
<!-- END HEADER -->
</div>
<!-- END HEADER-WRAPPER -->
Any help with this matter will be greatly appreciated. I just want to move on to the next phase of my site's development.