Custom CSS and Javascript

  • laxi300

    (@laxi300)


    12 years, 4 months ago

    I m trying to add some custom CSS and Javascript to 2013 theme functions.php but it didnt work. Need help,,

    wp_enqueue_style( 'custom-style', get_template_directory_uri() . '/css/default.css' ); //our stylesheet
wp_enqueue_style( 'custom-style1', get_template_directory_uri() . '/css/component.css' ); //our stylesheet
    wp_enqueue_script( 'hmenu-script', get_template_directory_uri() . '/js/cbpHorizontalMenu.js', array( 'jquery' ), '2014-01-18', true );

	wp_enqueue_script( 'hmenu-script1', get_template_directory_uri() . '/js/cbpHorizontalMenu.min.js', array( 'jquery' ), '2014-01-18', true );

	wp_enqueue_script( 'hmenu-script2', get_template_directory_uri() . '/js/modernizr.custom.js', array( 'jquery' ), '2014-01-18', true );

    And applying CSS to Wp_Nav_menu()

    <div class="main">
   <nav id="cbp-hrmenu" class="cbp-hrmenu">
    <div class="cbp-hrsub">
<div class="cbp-hrsub-inner"> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'main' ) ); ?> </div>

</div>
</nav>
</div>

<script>
	$(function() {
	cbpHorizontalMenu.init();
			});
		</script>

    It doesn’t work, I need help.

    Menu HTML look like this

    <body>
		<div class="container">
			<div class="main">
            <nav id="cbp-hrmenu" class="cbp-hrmenu">
<ul>
  <li>
	<a href="#">Products</a>
	<div class="cbp-hrsub">
      <div class="cbp-hrsub-inner">
			<div>
										<h4>Learning & Games</h4>
										<ul>
											<li><a href="#">Catch the Bullet</a></li>
											<li><a href="#">Snoopydoo</a></li>
											<li><a href="#">Fallen Angel</a></li>
											<li><a href="#">Sui Maker</a></li>
											<li><a href="#">Wave Master</a></li>
											<li><a href="#">Golf Pro</a></li>
										</ul>
									</div>
									<div>
										<h4>Utilities</h4>
										<ul>
											<li><a href="#">Gadget Finder</a></li>
											<li><a href="#">Green Tree Express</a></li>
											<li><a href="#">Green Tree Pro</a></li>
											<li><a href="#">Wobbler 3.0</a></li>
											<li><a href="#">Coolkid</a></li>
										</ul>
									</div>
									<div>
										<h4>Education</h4>
										<ul>
											<li><a href="#">Learn Thai</a></li>
											<li><a href="#">Math Genius</a></li>
											<li><a href="#">Chemokid</a></li>
										</ul>
										<h4>Professionals</h4>
										<ul>
											<li><a href="#">Success 1.0</a></li>
											<li><a href="#">Moneymaker</a></li>
										</ul>
									</div>
								</div><!-- /cbp-hrsub-inner -->
							</div><!-- /cbp-hrsub -->
						</li>
Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Custom CSS and Javascript’ is closed to new replies.