<>
.countdown-bar {
background-color: #ff6000;
color: #ffffff;
text-align: center;
padding: 4px 20px;
font-family: -apple-systemBlinkMacSystemFont'Segoe UI'Robotosans-serif;
font-size: 14px;
font-weight: 500;
position: relative;
z-index: 3;
}
.countdown-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 4px;
}
.countdown-text {
color: #ffffff;
}
.countdown-timer {
color: #ffffff;
font-weight: bold;
}
.countdown-link {
color: #ffffff;
text-decoration: none;
font-weight: bold;
transition: opacity 0.3s ease;
}
.countdown-link:hover {
opacity: 0.8;
color: #ffffff;
}
.close-btn {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: #ffffff;
font-size: 18px;
cursor: pointer;
padding: 0;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.7;
transition: opacity 0.3s ease;
}
.close-btn:hover {
opacity: 1;
}
.countdown-bar.hidden {
display: none;
}
@media (max-width: 768px) {
.countdown-bar {
padding: 4px 50px 4px 20px;
font-size: 13px;
}
.countdown-content {
gap: 4px;
}
.close-btn {
right: 15px;
}
}
>
<> #shopify-section-countdown-bar .countdown-link {line-height: 1.2; padding: 4px 0;} #shopify-section-countdown-bar .countdown-bar {display: none; font-family: "Gotham Pro";} >
< data-shopify="">@media screen and (max-width: 749px) {
.collection-hero--with-image .collection-hero__inner {
padding-bottom: calc(4px + 2rem);
}
}>
Collection: Vertical Bike Racks
<> #shopify-section-template--26312887894335__banner h1 {margin-bottom: 0; margin-top: 0; line-height: 1;} >
<>
/* Footer Parallax Background */
.rich-text-sections--24388900585791__rich_text_R9cgXd.gradient {
background-image: url("https://cdn.shopify.com/s/files/1/0833/3767/5071/files/white-suv-with-jbracks__footer-parallax-background__desktop__tinified.webp?v=1741316057");
background-repeat: no-repeat;
background-size: cover;
height: 300px;
}
@media screen and (max-width: 749px) {
.rich-text-sections--24388900585791__rich_text_R9cgXd.gradient {
background-image: url("https://cdn.shopify.com/s/files/1/0833/3767/5071/files/white-suv-with-jbracks_footer-parallax-background_mobile_tinified.webp?v=1741316972");
}
}
/* End Footer Parallax Background */
>< data-shopify="">/* To make the buttons uniform */
.button {
color: #ffff !important;
background-color : #265d37;
text-transform: uppercase !important;
font-size: 15px !important;
font-weight: bold !important;
}
.section-template--26312887894335__rich_text_Q7pwmW-padding {
padding-top: 30px;
padding-bottom: 0px;
}
@media screen and (min-width: 750px) {
.section-template--26312887894335__rich_text_Q7pwmW-padding {
padding-top: 40px;
padding-bottom: 0px;
}
}
@media screen and (max-width: 749px) {
.section-template--26312887894335__rich_text_Q7pwmW-padding {
padding-top: 0px;
padding-bottom: 0px;
}
}>
The heavy-duty option supports heavier e-bikes and mountain bikes with a 30 kgs per wheel holder capacity.
< data-shopify="">.section-template--26312887894335__product-grid-padding {
padding-top: 0px;
padding-bottom: 30px;
}
@media screen and (min-width: 750px) {
.section-template--26312887894335__product-grid-padding {
padding-top: 0px;
padding-bottom: 40px;
}
}
@media screen and (max-width: 430px) {
.section-template--26312887894335__product-grid-padding {
padding-top: 0px;
padding-bottom: 20px;
}
}>
<> #shopify-section-template--26312887894335__product-grid .grid {justify-content: center;} #shopify-section-template--26312887894335__product-grid h3.h5 {font-size: 1.4em;} #shopify-section-template--26312887894335__product-grid .price__sale .price-item {color: green;} #shopify-section-template--26312887894335__product-grid .price__sale .price-item--regular {color: red !important;} #shopify-section-template--26312887894335__product-grid h3#shopify-section-template--26312887894335__product-grid .price {text-align: center;} >
< data-shopify="">.section-template--26312887894335__custom_liquid_hAxeg6-padding {
padding-top: calc(0px * 0.75);
padding-bottom: calc(0px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--26312887894335__custom_liquid_hAxeg6-padding {
padding-top: 0px;
padding-bottom: 0px;
}
}>
<>
.orange-bg {
text-align:center;
background: #F97C1F;
font-weight: 900;
}
.section-template--25350200754495__custom_liquid_hAxeg6-padding.page-width {
padding: 0;
max-width: 100%;
}
>
Add our shed stand with the rack? - Now $1050 (Reg. $1250) - YOU SAVE $200!
<> #shopify-section-template--26312887894335__custom_liquid_hAxeg6 h2 {color: white !important; line-height: 1; font-size: 1.2em;} #shopify-section-template--26312887894335__custom_liquid_hAxeg6 .orange-bg {padding: 12px 0 4px;} >
< data-shopify="">.section-template--26312887894335__featured_collection_DY84zX-padding {
padding-top: 30px;
padding-bottom: 30px;
}
@media screen and (min-width: 750px) {
.section-template--26312887894335__featured_collection_DY84zX-padding {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media screen and (max-width: 430px) {
.section-template--26312887894335__featured_collection_DY84zX-padding {
padding-top: 20px;
padding-bottom: 20px;
}
}>
Vertical bike rack & stand bundles
<> #shopify-section-template--26312887894335__featured_collection_DY84zX .grid {justify-content: center;} #shopify-section-template--26312887894335__featured_collection_DY84zX h3.h5 {font-size: 1.4em;} #shopify-section-template--26312887894335__featured_collection_DY84zX .price__sale .price-item {color: green;} #shopify-section-template--26312887894335__featured_collection_DY84zX .price__sale .price-item--regular {color: red !important;} #shopify-section-template--26312887894335__featured_collection_DY84zX h3#shopify-section-template--26312887894335__featured_collection_DY84zX .price {text-align: center;} >
15,000+ Other Customers Can't Be Wrong...
★
★
★
★
★
5 Stars!
Very surprised at the quality for the price and looks great. I was a little unsure about JB racks but now happy I went with it
Date of experience: July 212024
<>
/* Testimonials Section Background */
.testimonials-section {
background: linear-gradient(180deg#F6F5F2 0%#ffffff 100%);
padding: 60px 20px;
}
/* Individual Testimonial Cards */
.testimonial-block {
background: #ffffff;
border-radius: 8px;
border: 1px solid #e5e5e5;
padding: 20px;
margin: 12px 0;
max-width: 380px;
font-family: "Inter"-apple-systemBlinkMacSystemFont'Segoe UI'Robotosans-serif;
}
.testimonial-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.reviewer-info {
display: flex;
align-items: center;
gap: 12px;
}
.reviewer-avatar {
width: 40px;
height: 40px;
background-color: #e5e5e5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
color: #666;
}
.reviewer-name {
font-weight: 600;
color: #333;
font-size: 16px;
}
.okendo-brand {
display: flex;
align-items: center;
gap: 8px;
}
.okendo-logo {
width: 48px;
height: 48px;
object-fit: contain;
}
.okendo-text {
color: #00B5A5;
font-weight: 600;
font-size: 14px;
}
.rating {
margin-bottom: 6px;
}
.star {
color: #16a34a;
font-size: 16px;
margin-right: 1px;
}
.star.filled {
color: #16a34a;
}
.testimonial-title {
font-size: 14px;
font-weight: 700;
color: #1f2937;
margin: 0 0 6px 0;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.testimonial-content {
color: #4b5563;
font-size: 14px;
line-height: 1.4;
margin: 0 0 16px 0;
font-: normal;
font-weight: 400;
}
.testimonial-date {
color: #6b7280;
font-size: 12px;
font-weight: 400;
}
/* Grid Layout */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fitminmax(320px1fr));
gap: 16px;
padding: 20px 0;
}
/* Section Heading */
.section-heading {
text-align: center;
font-size: 2.5rem;
margin-bottom: 40px;
font-weight: bold;
color: #333;
}
/* Responsive Design */
@media (max-width: 768px) {
.testimonials-section {
padding: 40px 20px;
}
.testimonial-block {
padding: 16px;
margin: 10px 0;
}
.testimonial-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.okendo-brand {
align-self: flex-end;
}
.testimonials-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.section-heading {
font-size: 2rem;
margin-bottom: 30px;
}
}
>
★
★
★
★
★
Great rack!
Great rack! Just took it out for the first time fully loadedand it handled everything with ease. Shipping could’ve been fasterbut overall it’s a great value
Date of experience: May 142025
<>
/* Testimonials Section Background */
.testimonials-section {
background: linear-gradient(180deg#F6F5F2 0%#ffffff 100%);
padding: 60px 20px;
}
/* Individual Testimonial Cards */
.testimonial-block {
background: #ffffff;
border-radius: 8px;
border: 1px solid #e5e5e5;
padding: 20px;
margin: 12px 0;
max-width: 380px;
font-family: "Inter"-apple-systemBlinkMacSystemFont'Segoe UI'Robotosans-serif;
}
.testimonial-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.reviewer-info {
display: flex;
align-items: center;
gap: 12px;
}
.reviewer-avatar {
width: 40px;
height: 40px;
background-color: #e5e5e5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
color: #666;
}
.reviewer-name {
font-weight: 600;
color: #333;
font-size: 16px;
}
.okendo-brand {
display: flex;
align-items: center;
gap: 8px;
}
.okendo-logo {
width: 48px;
height: 48px;
object-fit: contain;
}
.okendo-text {
color: #00B5A5;
font-weight: 600;
font-size: 14px;
}
.rating {
margin-bottom: 6px;
}
.star {
color: #16a34a;
font-size: 16px;
margin-right: 1px;
}
.star.filled {
color: #16a34a;
}
.testimonial-title {
font-size: 14px;
font-weight: 700;
color: #1f2937;
margin: 0 0 6px 0;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.testimonial-content {
color: #4b5563;
font-size: 14px;
line-height: 1.4;
margin: 0 0 16px 0;
font-: normal;
font-weight: 400;
}
.testimonial-date {
color: #6b7280;
font-size: 12px;
font-weight: 400;
}
/* Grid Layout */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fitminmax(320px1fr));
gap: 16px;
padding: 20px 0;
}
/* Section Heading */
.section-heading {
text-align: center;
font-size: 2.5rem;
margin-bottom: 40px;
font-weight: bold;
color: #333;
}
/* Responsive Design */
@media (max-width: 768px) {
.testimonials-section {
padding: 40px 20px;
}
.testimonial-block {
padding: 16px;
margin: 10px 0;
}
.testimonial-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.okendo-brand {
align-self: flex-end;
}
.testimonials-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.section-heading {
font-size: 2rem;
margin-bottom: 30px;
}
}
>
★
★
★
★
☆
Awesome rack!
Awesome rack. Plenty of play in the hitch so a stabilizer is a must. Material is sturdy and feels high quality.
Date of experience: Today
<>
/* Testimonials Section Background */
.testimonials-section {
background: linear-gradient(180deg#F6F5F2 0%#ffffff 100%);
padding: 60px 20px;
}
/* Individual Testimonial Cards */
.testimonial-block {
background: #ffffff;
border-radius: 8px;
border: 1px solid #e5e5e5;
padding: 20px;
margin: 12px 0;
max-width: 380px;
font-family: "Inter"-apple-systemBlinkMacSystemFont'Segoe UI'Robotosans-serif;
}
.testimonial-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.reviewer-info {
display: flex;
align-items: center;
gap: 12px;
}
.reviewer-avatar {
width: 40px;
height: 40px;
background-color: #e5e5e5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
color: #666;
}
.reviewer-name {
font-weight: 600;
color: #333;
font-size: 16px;
}
.okendo-brand {
display: flex;
align-items: center;
gap: 8px;
}
.okendo-logo {
width: 48px;
height: 48px;
object-fit: contain;
}
.okendo-text {
color: #00B5A5;
font-weight: 600;
font-size: 14px;
}
.rating {
margin-bottom: 6px;
}
.star {
color: #16a34a;
font-size: 16px;
margin-right: 1px;
}
.star.filled {
color: #16a34a;
}
.testimonial-title {
font-size: 14px;
font-weight: 700;
color: #1f2937;
margin: 0 0 6px 0;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.testimonial-content {
color: #4b5563;
font-size: 14px;
line-height: 1.4;
margin: 0 0 16px 0;
font-: normal;
font-weight: 400;
}
.testimonial-date {
color: #6b7280;
font-size: 12px;
font-weight: 400;
}
/* Grid Layout */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fitminmax(320px1fr));
gap: 16px;
padding: 20px 0;
}
/* Section Heading */
.section-heading {
text-align: center;
font-size: 2.5rem;
margin-bottom: 40px;
font-weight: bold;
color: #333;
}
/* Responsive Design */
@media (max-width: 768px) {
.testimonials-section {
padding: 40px 20px;
}
.testimonial-block {
padding: 16px;
margin: 10px 0;
}
.testimonial-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.okendo-brand {
align-self: flex-end;
}
.testimonials-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.section-heading {
font-size: 2rem;
margin-bottom: 30px;
}
}
>
★
★
★
★
★
Very happy with the rack
Customer service were helpful as needed some help with build. Very happy with the rackbetter than I expected. Highly recommended!
Date of experience: March 202025
<>
/* Testimonials Section Background */
.testimonials-section {
background: linear-gradient(180deg#F6F5F2 0%#ffffff 100%);
padding: 60px 20px;
}
/* Individual Testimonial Cards */
.testimonial-block {
background: #ffffff;
border-radius: 8px;
border: 1px solid #e5e5e5;
padding: 20px;
margin: 12px 0;
max-width: 380px;
font-family: "Inter"-apple-systemBlinkMacSystemFont'Segoe UI'Robotosans-serif;
}
.testimonial-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.reviewer-info {
display: flex;
align-items: center;
gap: 12px;
}
.reviewer-avatar {
width: 40px;
height: 40px;
background-color: #e5e5e5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
color: #666;
}
.reviewer-name {
font-weight: 600;
color: #333;
font-size: 16px;
}
.okendo-brand {
display: flex;
align-items: center;
gap: 8px;
}
.okendo-logo {
width: 48px;
height: 48px;
object-fit: contain;
}
.okendo-text {
color: #00B5A5;
font-weight: 600;
font-size: 14px;
}
.rating {
margin-bottom: 6px;
}
.star {
color: #16a34a;
font-size: 16px;
margin-right: 1px;
}
.star.filled {
color: #16a34a;
}
.testimonial-title {
font-size: 14px;
font-weight: 700;
color: #1f2937;
margin: 0 0 6px 0;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.testimonial-content {
color: #4b5563;
font-size: 14px;
line-height: 1.4;
margin: 0 0 16px 0;
font-: normal;
font-weight: 400;
}
.testimonial-date {
color: #6b7280;
font-size: 12px;
font-weight: 400;
}
/* Grid Layout */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fitminmax(320px1fr));
gap: 16px;
padding: 20px 0;
}
/* Section Heading */
.section-heading {
text-align: center;
font-size: 2.5rem;
margin-bottom: 40px;
font-weight: bold;
color: #333;
}
/* Responsive Design */
@media (max-width: 768px) {
.testimonials-section {
padding: 40px 20px;
}
.testimonial-block {
padding: 16px;
margin: 10px 0;
}
.testimonial-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.okendo-brand {
align-self: flex-end;
}
.testimonials-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.section-heading {
font-size: 2rem;
margin-bottom: 30px;
}
}
>
★
★
★
★
★
Easy to load and unload and looks great.
SoI def needed to get a hitch clamp for itbut other than thatit's perfect. Easy to load and unload and looks great.
Date of experience: August 212024
<>
/* Testimonials Section Background */
.testimonials-section {
background: linear-gradient(180deg#F6F5F2 0%#ffffff 100%);
padding: 60px 20px;
}
/* Individual Testimonial Cards */
.testimonial-block {
background: #ffffff;
border-radius: 8px;
border: 1px solid #e5e5e5;
padding: 20px;
margin: 12px 0;
max-width: 380px;
font-family: "Inter"-apple-systemBlinkMacSystemFont'Segoe UI'Robotosans-serif;
}
.testimonial-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.reviewer-info {
display: flex;
align-items: center;
gap: 12px;
}
.reviewer-avatar {
width: 40px;
height: 40px;
background-color: #e5e5e5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
color: #666;
}
.reviewer-name {
font-weight: 600;
color: #333;
font-size: 16px;
}
.okendo-brand {
display: flex;
align-items: center;
gap: 8px;
}
.okendo-logo {
width: 48px;
height: 48px;
object-fit: contain;
}
.okendo-text {
color: #00B5A5;
font-weight: 600;
font-size: 14px;
}
.rating {
margin-bottom: 6px;
}
.star {
color: #16a34a;
font-size: 16px;
margin-right: 1px;
}
.star.filled {
color: #16a34a;
}
.testimonial-title {
font-size: 14px;
font-weight: 700;
color: #1f2937;
margin: 0 0 6px 0;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.testimonial-content {
color: #4b5563;
font-size: 14px;
line-height: 1.4;
margin: 0 0 16px 0;
font-: normal;
font-weight: 400;
}
.testimonial-date {
color: #6b7280;
font-size: 12px;
font-weight: 400;
}
/* Grid Layout */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fitminmax(320px1fr));
gap: 16px;
padding: 20px 0;
}
/* Section Heading */
.section-heading {
text-align: center;
font-size: 2.5rem;
margin-bottom: 40px;
font-weight: bold;
color: #333;
}
/* Responsive Design */
@media (max-width: 768px) {
.testimonials-section {
padding: 40px 20px;
}
.testimonial-block {
padding: 16px;
margin: 10px 0;
}
.testimonial-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.okendo-brand {
align-self: flex-end;
}
.testimonials-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.section-heading {
font-size: 2rem;
margin-bottom: 30px;
}
}
>
★
★
★
★
★
Highly recommended!
Very good for the moneyour e-bikes much easier to transport now.
Date of experience: March 202025
<>
/* Testimonials Section Background */
.testimonials-section {
background: linear-gradient(180deg#F6F5F2 0%#ffffff 100%);
padding: 60px 20px;
}
/* Individual Testimonial Cards */
.testimonial-block {
background: #ffffff;
border-radius: 8px;
border: 1px solid #e5e5e5;
padding: 20px;
margin: 12px 0;
max-width: 380px;
font-family: "Inter"-apple-systemBlinkMacSystemFont'Segoe UI'Robotosans-serif;
}
.testimonial-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.reviewer-info {
display: flex;
align-items: center;
gap: 12px;
}
.reviewer-avatar {
width: 40px;
height: 40px;
background-color: #e5e5e5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 14px;
color: #666;
}
.reviewer-name {
font-weight: 600;
color: #333;
font-size: 16px;
}
.okendo-brand {
display: flex;
align-items: center;
gap: 8px;
}
.okendo-logo {
width: 48px;
height: 48px;
object-fit: contain;
}
.okendo-text {
color: #00B5A5;
font-weight: 600;
font-size: 14px;
}
.rating {
margin-bottom: 6px;
}
.star {
color: #16a34a;
font-size: 16px;
margin-right: 1px;
}
.star.filled {
color: #16a34a;
}
.testimonial-title {
font-size: 14px;
font-weight: 700;
color: #1f2937;
margin: 0 0 6px 0;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.testimonial-content {
color: #4b5563;
font-size: 14px;
line-height: 1.4;
margin: 0 0 16px 0;
font-: normal;
font-weight: 400;
}
.testimonial-date {
color: #6b7280;
font-size: 12px;
font-weight: 400;
}
/* Grid Layout */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fitminmax(320px1fr));
gap: 16px;
padding: 20px 0;
}
/* Section Heading */
.section-heading {
text-align: center;
font-size: 2.5rem;
margin-bottom: 40px;
font-weight: bold;
color: #333;
}
/* Responsive Design */
@media (max-width: 768px) {
.testimonials-section {
padding: 40px 20px;
}
.testimonial-block {
padding: 16px;
margin: 10px 0;
}
.testimonial-header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.okendo-brand {
align-self: flex-end;
}
.testimonials-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.section-heading {
font-size: 2rem;
margin-bottom: 30px;
}
}
>
JB Racks are built tough for australians
Super fast deliverygreat product 👍
Carl Z.
Top rackeasy to build
Marc-Paul D.
Highly recommend this rack!
Lisa K.
<>
.testimonials-with-images-section {
padding: 0 0 60px 0;
background: #ffffff;
}
.testimonials-images-heading {
text-align: center;
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 3rem;
color: #333333;
}
.testimonials-images-grid {
display: grid;
grid-template-columns: repeat(41fr);
gap: 1.5rem;
max-width: 1200px;
margin: 0 auto;
}
.testimonial-images-card {
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0000.1);
}
.testimonial-images-container {
position: relative;
height: 410px;
overflow: hidden;
}
.testimonial-images-photo {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.testimonial-images-placeholder {
width: 100%;
height: 100%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #999;
font-size: 14px;
}
.testimonial-images-placeholder::after {
content: "Upload image";
}
.testimonial-images-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 70%;
display: block !important;
background: linear-gradient(
0deg,
rgba(0001) 0%,
rgba(0000.95) 10%,
rgba(0000.85) 25%,
rgba(0000.6) 50%,
rgba(0000.3) 75%,
rgba(0000) 100%
);
pointer-events: none;
}
.testimonial-images-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 1.5rem;
color: #ffffff;
z-index: 3;
}
.testimonial-images-title {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: #ffffff !important;
line-height: 1.3;
text-shadow: 0 1px 3px rgba(0000.5);
}
.testimonial-images-author {
font-size: 1.2rem;
color: #ffffff !important;
font-weight: 500;
text-shadow: 0 1px 3px rgba(0000.5);
}
/* Tablet: 2 cards per row */
@media (max-width: 1024px) {
.testimonials-images-grid {
grid-template-columns: repeat(21fr);
gap: 1.5rem;
}
}
/* Mobile: 1 card per row */
@media (max-width: 768px) {
.testimonials-with-images-section {
padding: 40px 0;
}
.testimonials-images-heading {
font-size: 2rem;
margin-bottom: 2rem;
}
.testimonials-images-grid {
grid-template-columns: repeat(21fr);
gap: 1.5rem;
padding: 0 1rem;
}
.testimonial-images-container {
height: 390px;
}
.testimonial-images-content {
padding: 1.2rem;
}
.testimonial-images-title {
font-size: 1.6rem;
color: #ffffff !important;
}
.testimonial-images-author {
font-size: 1.2rem;
color: #ffffff !important;
}
}
@media (max-width: 480px) {
.testimonials-images-heading {
font-size: 1.8rem;
}
.testimonial-images-container {
height: 380px;
}
}
>
< data-shopify="">.section-template--26312887894335__custom_liquid_hFBqV3-padding {
padding-top: calc(40px * 0.75);
padding-bottom: calc(52px * 0.75);
}
@media screen and (min-width: 750px) {
.section-template--26312887894335__custom_liquid_hFBqV3-padding {
padding-top: 40px;
padding-bottom: 52px;
}
}>
Compare JB Racks
Free Shipping for City & Suburban Areas
✓
✕
✓
Lightweight 34kg - 42kg
✓
✕
✕
Pedal Tie Down Straps
✓
Some
Some
Affordable - <$1000
✓
✕
✕
Optional - Slow Fold Strut
✓
Some
✕
Adjustable bottom bar - Easily adapts to fit smaller or kids' bikes
✓
✕
✕
Roll in & Load - 3 Angles
✓
✓
✓
<> #shopify-section-template--26312887894335__custom_liquid_hFBqV3 h2 {text-align: center;} >
<>
/* Footer Parallax Background */
.rich-text-sections--24388900585791__rich_text_R9cgXd.gradient {
background-image: url("https://cdn.shopify.com/s/files/1/0833/3767/5071/files/white-suv-with-jbracks__footer-parallax-background__desktop__tinified.webp?v=1741316057");
background-repeat: no-repeat;
background-size: cover;
height: 300px;
}
@media screen and (max-width: 749px) {
.rich-text-sections--24388900585791__rich_text_R9cgXd.gradient {
background-image: url("https://cdn.shopify.com/s/files/1/0833/3767/5071/files/white-suv-with-jbracks_footer-parallax-background_mobile_tinified.webp?v=1741316972");
}
}
/* End Footer Parallax Background */
>< data-shopify="">/* To make the buttons uniform */
.button {
color: #ffff !important;
background-color : #265d37;
text-transform: uppercase !important;
font-size: 15px !important;
font-weight: bold !important;
}
.section-template--26312887894335__rich_text_zTCijq-padding {
padding-top: 30px;
padding-bottom: 30px;
}
@media screen and (min-width: 750px) {
.section-template--26312887894335__rich_text_zTCijq-padding {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media screen and (max-width: 749px) {
.section-template--26312887894335__rich_text_zTCijq-padding {
padding-top: 20px;
padding-bottom: 20px;
}
}>
Tough As Nails: We Guarantee It (4-Year Warranty)
At JB Rackswe take pride in the research and engineering that go into every hitch rack. We demand the very best–top-quality racks with structural integrity–so we know that each rack is built to take a beating. Our four-year guarantee will give you peace of mindknowing you can trust JB Racks to take this worry off your shoulders.
<>
.jb-modal__content * {
font-family: 'Gotham Pro'sans-serif !important;
}
[data-media-widget] .media-widget__actions {
display: block;
}
/* Trigger Button */
.jb-select-vehicle-btn {
color: #222;
background: none;
border: 1px solid #f8f5ee !important;
cursor: pointer;
transition: all 0.3s;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
background: #fafafa;
display: block;
border-radius: 8px;
padding: 8px;
font-size: 14px;
}
.jb-select-vehicle-btn:hover {
color: #ff6000;
background: #f8f5ee;
}
/* Modal */
.jb-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.jb-modal__backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0000.7);
cursor: pointer;
}
.jb-modal__content {
position: relative;
background: #fff;
width: 100%;
max-width: 800px;
padding: 60px 40px 40px;
border-radius: 8px;
box-shadow: 0 20px 60px rgba(0000.3);
max-height: 90vh;
overflow-y: auto;
}
.jb-modal__close {
position: absolute;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
background: #ff6000;
border: none;
border-radius: 4px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.2s;
padding: 0;
}
.jb-modal__close:hover {
background: #dc2626;
}
.jb-modal__close svg {
color: #fff;
}
.jb-modal__title {
font-size: 32px;
font-weight: 700;
text-align: center;
margin: 0 0 40px 0;
line-height: 1.2;
letter-spacing: -0.5px;
}
.jb-modal__section {
margin-bottom: 40px;
}
.jb-modal__label {
display: block;
font-size: 18px;
font-weight: 600;
text-align: center;
margin-bottom: 20px;
color: #000;
}
.jb-modal__rego-input {
width: 100%;
padding: 30px;
border: 3px solid #000;
border-radius: 8px;
font-size: 72px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 8px;
background: #fff;
color: #d1d5db;
transition: all 0.2s;
}
.jb-modal__rego-input:focus {
outline: none;
border-color: #000;
color: #000;
}
.jb-modal__rego-input::placeholder {
color: #d1d5db;
}
.jb-modal__states {
display: grid;
grid-template-columns: repeat(41fr);
gap: 12px;
}
.jb-modal__state-btn {
padding: 20px;
background: #fff;
border: 2px solid #d1d5db;
border-radius: 6px;
font-size: 18px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
}
.jb-modal__state-btn:hover {
border-color: #000;
background: #f9fafb;
}
.jb-modal__state-btn.selected {
background: #ff6000;
border-color: #ff6000;
color: #fff;
}
.jb-modal__check-btn {
width: 100%;
padding: 18px;
background: #000;
color: #fff;
border: none;
border-radius: 6px;
font-size: 18px;
font-weight: 700;
cursor: pointer;
transition: all 0.2s;
margin-top: 20px;
}
.jb-modal__check-btn:hover {
background: #1f2937;
}
.jb-modal__check-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.jb-modal__result {
margin-top: 30px;
padding: 24px;
border-radius: 8px;
font-size: 16px;
line-height: 1.6;
}
.jb-modal__result--compatible {
background: #f0fdf4;
border: 2px solid #86efac;
color: #166534;
}
.jb-modal__result--incompatible {
background: #fef2f2;
border: 2px solid #fca5a5;
color: #991b1b;
}
.jb-modal__result--unknown {
background: #fffbeb;
border: 2px solid #fcd34d;
color: #92400e;
}
.jb-modal__result--error {
background: #f9fafb;
border: 2px solid #d1d5db;
color: #374151;
}
.jb-modal__vehicle {
font-weight: 700;
font-size: 18px;
margin-bottom: 12px;
}
/* Mobile Responsive */
@media (max-width: 768px) {
.jb-modal__content {
padding: 40px 20px 30px;
max-width: 95%;
}
.jb-modal__title {
font-size: 24px;
margin-bottom: 30px;
}
.jb-modal__rego-input {
font-size: 48px;
padding: 20px;
letter-spacing: 4px;
}
.jb-modal__states {
grid-template-columns: repeat(41fr);
gap: 8px;
}
.jb-modal__state-btn {
padding: 14px 8px;
font-size: 14px;
}
}
@media (max-width: 480px) {
.jb-modal__rego-input {
font-size: 36px;
padding: 16px;
letter-spacing: 2px;
}
.jb-modal__states {
grid-template-columns: repeat(41fr);
}
.jb-modal__state-btn {
padding: 12px 6px;
font-size: 13px;
}
}
>
<> >