title: Ruby on Rails Assets: Links not working properly when clicked
body: <p>When you press enter in the address bar or refresh the page, it works like charm but as soon I click on a link in the navigation bar, some or most of the assets wont load. I already added <code>"data-no-turbolink" =&gt; true</code> to the <code>link_to</code> but no success.</p>
  
  <p>This is my <strong><code>application.html.erb</code></strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no"&gt;
      &lt;meta name="keywords" content=""&gt;
      &lt;meta name="description" content=""&gt;
  
      &lt;title&gt;Rev&lt;/title&gt;
  
      &lt;!-- FAVICON AND APPLE TOUCH --&gt;    
      &lt;link rel="shortcut icon" href="favicon.png"&gt;
      &lt;link rel="apple-touch-icon" sizes="180x180" href="apple-touch-180x180.png"&gt;
      &lt;meta name="msapplication-TileImage" content="mstile.png"&gt;
      &lt;meta name="msapplication-TileColor" content="#94ccdf"&gt;
      &lt;meta name="theme-color" content="#94ccdf"&gt;
  
      &lt;!-- FONTS --&gt;
    &lt;link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,300i,400,400i,700,700i|Playfair+Display:400,400i" rel="stylesheet"&gt;
  
    &lt;%= csrf_meta_tags %&gt;
  
    &lt;%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %&gt;
    &lt;%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
  
      &lt;div id="main container"&gt;
  
        &lt;!-- HEADER --&gt;
        &lt;header id="header"&gt;
  
          &lt;div class="container-fluid"&gt;
            &lt;div class="row"&gt;
              &lt;div class="col-sm-3"&gt;
  
                &lt;!-- LOGO --&gt;
                &lt;div id="logo"&gt;
                  &lt;a href="index.html"&gt;
                    &lt;%= link_to(image_tag("arrow-down.png", :alt =&gt; "arrow", :size =&gt; "150x150"), "/") %&gt;
                  &lt;/a&gt;
                &lt;/div&gt;&lt;!-- LOGO --&gt;
  
              &lt;/div&gt;&lt;!-- col --&gt;
              &lt;div class="col-sm-9"&gt;
  
                &lt;!-- MENU --&gt;
                &lt;nav&gt;
  
                  &lt;a id="mobile-menu-button" class="waves" href="#"&gt;&lt;i class="custom-icon-menu"&gt;&lt;/i&gt;&lt;/a&gt;
  
                    &lt;ul class="menu clearfix" id="menu"&gt;
                      &lt;li class="megamenu"&gt;
                      &lt;li class="&lt;%= is_active?(root_path) %&gt;"&gt;&lt;%= link_to "Home", root_path, :"data-no-turbolink" =&gt; true %&gt;&lt;/li&gt;
                      &lt;/li&gt;
                      &lt;li class="megamenu"&gt;
                        &lt;li class="&lt;%= is_active?(menu_team_path) %&gt;"&gt;&lt;%= link_to "Meet Team Derrick", menu_team_path, :"data-no-turbolink" =&gt; true %&gt;&lt;/li&gt;
                      &lt;/li&gt;
                      &lt;li class="megamenu"&gt;
                        &lt;a href="#"&gt;New Patient Center&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="megamenu"&gt;
                        &lt;a href="#"&gt;About Us&lt;/a&gt;
                      &lt;/li&gt;
                    &lt;/ul&gt;
  
                &lt;/nav&gt;
  
              &lt;/div&gt;&lt;!-- col --&gt;
            &lt;/div&gt;&lt;!-- row --&gt;
          &lt;/div&gt;&lt;!-- container --&gt;
  
        &lt;/header&gt;&lt;!-- HEADER --&gt;
  
        &lt;%= yield %&gt;
  
      &lt;/div&gt;&lt;!-- MAIN CONTAINER --&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong><code>application.scss @imports</code></strong></p>
  
  <pre><code> @import "bootstrap-sprockets";
   @import "bootstrap";
   @import "plugin";
   @import "fontawesome/css/font-awesome.min.css";
   @import "animations/animate.min.css";
   @import "calendar/beatpicker.min.css";
   @import "counters/odometer-theme-default.css";
   @import "fancybox/jquery.fancybox.css";
   @import "custom-icons/css/custom-icons.min.css";
   @import "custom-school-icons/css/custom-school-icons.min.css";
   @import "custom-interface-icons/css/custom-interface-icons.min.css";
   @import "custom-office-icons/css/custom-office-icons.min.css";
   @import "revolutionslider/css/settings.css";
   @import "revolutionslider/css/layers.css";
   @import "revolutionslider/css/navigation.css";
   @import "owl-carousel/owl.carousel.css";
   @import "ytplayer/css/jquery.mb.ytplayer.min.css";
  </code></pre>
  
  <p><strong><code>application.js requirements</code></strong></p>
  
  <pre><code>//= require jquery/jquery-2.2.3.min.js
  //= require bootstrap-sprockets
  //= require viewport/jquery.viewport.js
  //= require menu/hoverIntent.js
  //= require menu/superfish.js
  //= require fancybox/jquery.fancybox.pack.js
  //= require revolutionslider/js/jquery.themepunch.tools.min.js
  //= require revolutionslider/js/jquery.themepunch.revolution.min.js
  //= require revolutionslider/js/extensions/revolution.extension.actions.min.js
  //= require revolutionslider/js/extensions/revolution.extension.carousel.min.js
  //= require revolutionslider/js/extensions/revolution.extension.kenburn.min.js
  //= require revolutionslider/js/extensions/revolution.extension.layeranimation.min.js
  //= require revolutionslider/js/extensions/revolution.extension.migration.min.js
  //= require revolutionslider/js/extensions/revolution.extension.navigation.min.js
  //= require revolutionslider/js/extensions/revolution.extension.parallax.min.js
  //= require revolutionslider/js/extensions/revolution.extension.slideanims.min.js
  //= require revolutionslider/js/extensions/revolution.extension.video.min.js
  //= require owl-carousel/owl.carousel.min.js
  //= require parallax/jquery.stellar.min.js
  //= require isotope/imagesloaded.pkgd.min.js
  //= require isotope/isotope.pkgd.min.js
  //= require placeholders/jquery.placeholder.min.js
  //= require validate/jquery.validate.min.js
  //= require submit/jquery.form.min.js
  //= require charts/jquery.easypiechart.min.js
  //= require counters/jquerysimplecounter.js
  //= require counters/odometer.min.js
  //= require statistics/chart.min.js
  //= require instafeed/instafeed.min.js
  //= require twitter/twitterfetcher.min.js
  //= require ytplayer/jquery.mb.ytplayer.min.js
  //= require countdown/jquery.countdown.min.js
  //= require animations/wow.min.js
  //= require rails-ujs
  //= require turbolinks
  //= require_tree .
  </code></pre>
  
  <p><strong><code>Gemfile</code></strong></p>
  
  <pre><code>source 'https://rubygems.org'
  
  git_source(:github) do |repo_name|
    repo_name = "#{repo_name}/#{repo_name}" unless repo_name.include?("/")
    "https://github.com/#{repo_name}.git"
  end
  
  
  # Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
  gem 'rails', '~&gt; 5.1.1'
  # Use sqlite3 as the database for Active Record
  gem 'pg'
  #WOW-Rails
  gem 'wow-rails'
  #Bootstrap
  gem 'bootstrap-sass', '~&gt; 3.3.6'
  group :production do
    gem 'rails_12factor'
  end
  # Use SCSS for stylesheets
  gem 'sass-rails', '~&gt; 5.0'
  # Use Uglifier as compressor for JavaScript assets
  gem 'uglifier', '&gt;= 1.3.0'
  # See https://github.com/rails/execjs#readme for more supported runtimes
  # gem 'therubyracer', platforms: :ruby
  
  # Use CoffeeScript for .coffee assets and views
  gem 'coffee-rails', '~&gt; 4.2'
  # Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks
  gem 'turbolinks', '~&gt; 5'
  # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
  gem 'jbuilder', '~&gt; 2.5'
  # Use Redis adapter to run Action Cable in production
  # gem 'redis', '~&gt; 3.0'
  # Use ActiveModel has_secure_password
  # gem 'bcrypt', '~&gt; 3.1.7'
  
  # Use Capistrano for deployment
  # gem 'capistrano-rails', group: :development
  
  group :development, :test do
    # Call 'byebug' anywhere in the code to stop execution and get a debugger console
    gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
    # Adds support for Capybara system testing and selenium driver
    gem 'capybara', '~&gt; 2.13'
    gem 'selenium-webdriver'
  end
  
  group :development do
    # Access an IRB console on exception pages or by using &lt;%= console %&gt; anywhere in the code.
    gem 'web-console', '&gt;= 3.3.0'
    gem 'listen', '&gt;= 3.0.5', '&lt; 3.2'
    # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
    gem 'spring'
    gem 'spring-watcher-listen', '~&gt; 2.0.0'
  end
  
  # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
  gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
  </code></pre>
  
  <p>Any help would be appreciated!</p>