Bike Troubleshooting & Repairs - RideSmart Canada</h3> <meta name="description" content="Expert bike troubleshooting guides for Canadian cyclists. Learn emergency repairs, common problems, roadside fixes, and preventive maintenance to keep your bike running smoothly."> <link rel="stylesheet" href="css/style.css"> </head> <body>  <header> <div class="container"> <div class="header-content"> <a href="index.html" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <path d="M5.5 18.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm13 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM7.5 15.5l2.5-7.5h1l-2.5 7.5h-1zm6.25 0l1-3h1l-1 3h-1zm3.25 0l-2.5-7.5h1l2.5 7.5h-1zM12 5.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm-1 5l-2.5-7.5h1l2.5 7.5h-1z"/> </svg> RideSmart Canada </a> <button class="mobile-menu-btn">☰</button> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="safety.html">Safety</a></li> <li><a href="maintenance.html">Maintenance</a></li> <li><a href="routes.html">Routes</a></li> <li><a href="commuting.html">Commuting</a></li> <li><a href="storage.html">Storage</a></li> <li><a href="laws.html">Laws</a></li> <li><a href="events.html">Events</a></li> <li><a href="troubleshooting.html">Help</a></li> </ul> </nav> </div> </div> </header>  <section class="category-header" id="troubleshooting"> <div class="container"> <h1>Troubleshooting & Repairs</h1> <p class="category-description">Get your bike back on the road quickly with expert troubleshooting guides. Learn emergency repairs, diagnose common problems, and discover roadside fixes to handle unexpected mechanical issues while cycling in Canada.</p> </div> </section>  <section style="padding: 2rem 0;"> <div class="container"> <div class="filter-chips"> <button class="chip active" data-filter="all">All Articles</button> <button class="chip" data-filter="emergency">Emergency</button> <button class="chip" data-filter="gears">Gears</button> <button class="chip" data-filter="brakes">Brakes</button> <button class="chip" data-filter="tires">Tires</button> <button class="chip" data-filter="noise">Noises</button> </div> </div> </section>  <section style="padding: 0 0 4rem;"> <div class="container"> <div class="grid grid-4"> <article class="card article-card" data-tags="emergency flat tire"> <img src="assets/images/bicycle_mechanic_repairing_wheel_workshop.jpg" alt="Emergency flat tire repair" class="card-image"> <h3 class="card-title">Roadside Flat Tire Repair: When You're Stranded</h3> <p class="card-text">Master emergency flat tire repair techniques. Learn to patch tubes, replace tires, and handle punctures when you're far from home or bike shops in Canadian remote areas.</p> <div class="card-meta"> <span class="badge safety">Emergency</span> <span class="badge maintenance">Flat Fix</span> </div> </article> <article class="card article-card" data-tags="gears shifting derailleurs"> <img src="assets/images/bicycle_repair_troubleshooting_mechanic_working_on_derailleur.jpg" alt="Gear adjustment troubleshooting" class="card-image"> <h3 class="card-title">Gear Problems: Diagnosing Shifting Issues</h3> <p class="card-text">Troubleshoot common shifting problems. Learn to identify misaligned derailleurs, cable stretch, and indexing issues that affect smooth gear changes while riding.</p> <div class="card-meta"> <span class="badge safety">Gears</span> <span class="badge maintenance">Shifting</span> </div> </article> <article class="card article-card" data-tags="brakes squealing adjustment"> <img src="assets/images/professional_bicycle_maintenance_tools_parktool_workshop.jpg" alt="Brake troubleshooting" class="card-image"> <h3 class="card-title">Brake Troubleshooting: Squealing, Rubbing, Weakness</h3> <p class="card-text">Fix common brake problems quickly. Learn to eliminate squealing, stop brake rubbing, and restore braking power when your brakes fail during Canadian cycling.</p> <div class="card-meta"> <span class="badge safety">Brakes</span> <span class="badge safety">Safety</span> </div> </article> <article class="card article-card" data-tags="noise creaking diagnosis"> <img src="assets/images/bicycle_mechanic_repairing_gears_troubleshooting.jpg" alt="Bike noise diagnosis" class="card-image"> <h3 class="card-title">Mystery Noises: Diagnosing Creaks and Rattles</h3> <p class="card-text">Identify and fix annoying bike noises. Learn to locate sources of creaks, rattles, and clicks using systematic troubleshooting methods for quiet, smooth operation.</p> <div class="card-meta"> <span class="badge safety">Noise</span> <span class="badge maintenance">Diagnosis</span> </div> </article> <article class="card article-card" data-tags="emergency chain break"> <img src="assets/images/bicycle-maintenance-repair-tool-kit-professional.jpg" alt="Emergency chain repair" class="card-image"> <h3 class="card-title">Broken Chain: Emergency Links and Temporary Fixes</h3> <p class="card-text">Handle chain failures when you're far from help. Learn emergency chain repair techniques, using quick links, and getting home safely with a damaged drivetrain.</p> <div class="card-meta"> <span class="badge safety">Emergency</span> <span class="badge maintenance">Chain</span> </div> </article> <article class="card article-card" data-tags="emergency loose bolts"> <img src="assets/images/person-repairing-bicycle-gears-cassette-chain.jpg" alt="Bolt tightening and safety check" class="card-image"> <h3 class="card-title">Safety Check: Loose Bolts and Critical Fasteners</h3> <p class="card-text">Perform emergency safety inspections. Learn which bolts can come loose, how to identify dangerous problems, and perform temporary repairs to ride home safely.</p> <div class="card-meta"> <span class="badge safety">Emergency</span> <span class="badge safety">Safety</span> </div> </article> <article class="card article-card" data-tags="tires blowout replacement"> <img src="assets/images/bicycle_maintenance_cleaning_drivetrain.jpg" alt="Tire replacement troubleshooting" class="card-image"> <h3 class="card-title">Tire Emergency: Blowouts and Sidewall Damage</h3> <p class="card-text">Handle severe tire damage when you're stranded. Learn emergency tire boot techniques, using different tire sizes temporarily, and safely riding on damaged tires.</p> <div class="card-meta"> <span class="badge safety">Tires</span> <span class="badge emergency">Emergency</span> </div> </article> <article class="card article-card" data-tags="emergency tools kit"> <img src="assets/images/bicycle_maintenance_repair_tool_kit_white_background.jpg" alt="Emergency repair toolkit" class="card-image"> <h3 class="card-title">Essential Emergency Repair Kit: What to Carry</h3> <p class="card-text">Build the perfect emergency repair kit for Canadian cycling. Learn which tools are essential, lightweight options, and how to pack efficiently for roadside repairs.</p> <div class="card-meta"> <span class="badge safety">Tools</span> <span class="badge safety">Emergency</span> </div> </article> </div> </div> </section>  <section style="background: var(--bg-secondary); padding: 3rem 0;"> <div class="container"> <div class="section-title"> <h2>Emergency Response Protocol</h2> <p class="section-subtitle">Follow this systematic approach when mechanical problems occur</p> </div> <div class="grid grid-3"> <div class="card"> <h4>Immediate Response</h4> <ul style="margin: 1rem 0 0 1rem; color: var(--text-light);"> <li>Get to safe location off road</li> <li>Assess severity of problem</li> <li>Check if you can ride safely</li> <li>Call for help if needed</li> </ul> </div> <div class="card"> <h4>Quick Diagnosis</h4> <ul style="margin: 1rem 0 0 1rem; color: var(--text-light);"> <li>Isolate the problem area</li> <li>Determine if temporary fix possible</li> <li>Check available tools/parts</li> <li>Assess riding risk level</li> </ul> </div> <div class="card"> <h4>Safe Resolution</h4> <ul style="margin: 1rem 0 0 1rem; color: var(--text-light);"> <li>Perform repair or arrange transport</li> <li>Test before continuing ride</li> <li>Monitor for recurring problems</li> <li>Plan professional follow-up</li> </ul> </div> </div> </div> </section>  <footer> <div class="container"> <div class="footer-content"> <div class="footer-section"> <h3>RideSmart Canada</h3> <p>Your trusted source for urban cycling information across Canada. We help cyclists ride safer, smarter, and more confidently.</p> </div> <div class="footer-section"> <h3>Quick Links</h3> <p><a href="safety.html">Safety Guides</a></p> <p><a href="maintenance.html">Maintenance Tips</a></p> <p><a href="routes.html">Best Routes</a></p> <p><a href="commuting.html">Commuting</a></p> </div> <div class="footer-section"> <h3>Contact Info</h3> <p>📍 88 King St E, Toronto, ON M5C 1G4, Canada</p> <p>📧 hello@ridesmart.ca</p> <p>📞 +1 (416) 555-7310</p> </div> </div> <div class="footer-bottom"> <p>© 2025 RideSmart Canada. All rights reserved.</p> </div> </div> </footer> <script src="js/main.js"></script> </body> </html>