Title: Custom CSS and Javascript
Last modified: August 21, 2016

---

# Custom CSS and Javascript

 *  [laxi300](https://wordpress.org/support/users/laxi300/)
 * (@laxi300)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-css-and-javascript/)
 * 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)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-css-and-javascript/#post-4532643)
 * Are you getting any JS errors, like $ is not defined?
 *  Thread Starter [laxi300](https://wordpress.org/support/users/laxi300/)
 * (@laxi300)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-css-and-javascript/#post-4532645)
 * No .. nothing … i can the default Twenty_Thirteen theme which i m using for this
   test.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-css-and-javascript/#post-4532647)
 * Let’s see your site
 *  Thread Starter [laxi300](https://wordpress.org/support/users/laxi300/)
 * (@laxi300)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-css-and-javascript/#post-4532648)
 * [http://semblancesolution.com/dm/1/](http://semblancesolution.com/dm/1/)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-css-and-javascript/#post-4532651)
 * Check your browser’s console log again. There’s 1 JavaScript error and 3 HTTP
   errors referring to the JS files you’re enqueuing.
 *  Thread Starter [laxi300](https://wordpress.org/support/users/laxi300/)
 * (@laxi300)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/custom-css-and-javascript/#post-4532653)
 * Yups !!!! thats y i m here to ask for help 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

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

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [custom](https://wordpress.org/support/topic-tag/custom/)
 * [javasctipt](https://wordpress.org/support/topic-tag/javasctipt/)

 * 6 replies
 * 2 participants
 * Last reply from: [laxi300](https://wordpress.org/support/users/laxi300/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/custom-css-and-javascript/#post-4532653)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
