Commit 1b615069 by Ravindra Kanojiya

updated mobile

1 parent 282247d5
...@@ -78,7 +78,7 @@ const Explore = ({productData}) => { ...@@ -78,7 +78,7 @@ const Explore = ({productData}) => {
))} ))}
</Swiper> </Swiper>
{/* Swiper buttons outside container */} {/* Swiper buttons outside container */}
<div className="position-absolute swiperbtn1 d-lg-flex justify-content-center justify-content-md-between align-items-center w-100"> <div className="position-absolute swiperbtn1 d-lg-flex justify-content-center justify-content-md-between align-items-center w-100 d-none">
{/* Attach refs to buttons */} {/* Attach refs to buttons */}
<button className="cust-swiper-button-prev"> <button className="cust-swiper-button-prev">
<svg <svg
......
...@@ -54,7 +54,7 @@ useEffect(() => { ...@@ -54,7 +54,7 @@ useEffect(() => {
{productData?.isDoorAndPartitionsLayouts == true ? ( {productData?.isDoorAndPartitionsLayouts == true ? (
<section className="details-tab-section"> <section className="details-tab-section">
<div className="custom_containers container"> <div className="custom_containers">
<div className="details-tab"> <div className="details-tab">
<div className="head">Products:</div> <div className="head">Products:</div>
<Tabs <Tabs
......
...@@ -63,7 +63,7 @@ const SubCategoryOrProductPage = ({ ...@@ -63,7 +63,7 @@ const SubCategoryOrProductPage = ({
{productData?.isDoorAndPartitionsLayouts == true ? ( {productData?.isDoorAndPartitionsLayouts == true ? (
<section className="details-tab-section"> <section className="details-tab-section">
<div className="custom_containers container"> <div className="custom_containers">
<div className="details-tab"> <div className="details-tab">
<div className="head">Products:</div> <div className="head">Products:</div>
<Tabs <Tabs
......
...@@ -1371,9 +1371,13 @@ footer a:hover { ...@@ -1371,9 +1371,13 @@ footer a:hover {
.tab-01.nav-tabs .nav-item { .tab-01.nav-tabs .nav-item {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.accordion01 .accordion .image img{
max-height: 244px;
}
.tab-01 { .tab-01 {
margin-left: 3vw; margin-left: 10px;
margin-right: 3vw; margin-right: 10px;
padding: 0;
} }
.details-tab .head { .details-tab .head {
top: inherit; top: inherit;
...@@ -1382,7 +1386,7 @@ footer a:hover { ...@@ -1382,7 +1386,7 @@ footer a:hover {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.tab-01.nav-tabs .nav-link { .tab-01.nav-tabs .nav-link {
padding: 0.4rem 1.5rem; padding: 4px 10px;
font-size: 12px; font-size: 12px;
} }
.explore-swiper { .explore-swiper {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!