Related products carousal not showing

[Abdul Kadir]

Abdul Kadir

March 14, 2017 at 11:53 am

Hi,

I have added detailed product description with some styling into the product pages. How due to some issue the related product carousal is not getting displayed. The code is there but its getting hidden. This happens only in desktop view, when making the window smaller the related products show. You can view a sample product page here

I figure it might be some error in the CSS but i am not able to figure out the conflict. Below is the complete list of the advanced styling done:

/* Header */

div.product .product_image {
border:0;
}
.page-header {
border-top: 0;
}
.revslider_home_hidetop {
margin-top: 0px;
}
.contentclass {
padding-top: 0px;
}
.topbarmenu ul li a {font-size:11px; padding: 4px 10px;}
.topbar-widget .virtue_social_widget a {
display: block;
float: left;
width: auto;
font-size: 11px;
text-align: center;
line-height: 10px;
padding: 4px 10px;
background: transparent;
margin-left: 0;
margin-bottom: 0;
color: #fff;
}
.topbar-widget .virtue_social_widget a i {
font-size:11px;
}
.widget_product_search {
margin-bottom: 20px;
}
.woocommerce widget_onsale {
margin-top:10px;
}
.woocommerce .products .star-rating {
margin: 3px auto 3px;
}
.boxi1 {
margin-bottom: 20px;
text-align: center;
padding: 15px 0 1px;
background: #f2f2f2;
}
.boxi1 div {
font-size: 28px;
}
.topbarmenu ul li a {
line-height:20px;
}
.sliderclass.clearfix.ktslider_home_hidetop {
margin-top: 0;
}
#kad-mobile-banner-sticky-wrapper {
height: 60px !important;
}
.topbar-widgetcontent {
display: inherit;
margin: 0;
}

.col-md-6.col-sm-6.kad-topbar-right {
width: 100%;
text-align: center;
}

.topbar-widgettitle.topbar-widgettitle-wrap {
font-family: sans-serif;
font-size: 15px;
line-height: 35px;
font-weight: 600;
}

@media (max-width: 749px) {

.product_detailed_desc {

background: #fff;
width: 100%;

}

}

.tabwrapper {
float: left;

width: 100%;
}

.tabwrapper h6 {

font-size:14px;
font-weight: bold;
display: inline-block;
float: left;
width: 28%;

}

.tabwrapper p {
font-size: 14px;

display: block;
float: right;
width: 68%;

text-align: justify;

}

.tabwrapper ul {

font-size: 15px;
list-style: disc;
display: block;
float: right;

width: 68%;
list-style-position: outside;

}

.greyline {
background:#edeff0;
float:left;
width:100%;
display:block;
height:1px;
margin-bottom:15px;
margin-top:15px;
visibility:visible;

}

.tabwrapper li {

width: 100%;
padding-bottom: 15px;

}

.tabwrapper img {
display: block;
width:68%;
float: right !important;
max-height:350px;
height: auto;
margin-right: 0;
margin-bottom: 5px;

}

.tabwrapper .tablewrapper {

font-size: 14px;
float: right;
display: block;
width:68%;

margin-bottom: 5px;
border: 0;

}

.tabwrapper table {

display: inline-block;
margin-right: 0;
margin-left: 0;

}

.tablewrapper td {

text-align: left;
}

.tablewrapper td img {
float: left !important;
}

.tablewrapper img {

max-width: 50px;
max-height: 50px;
}

@media only screen and (max-width: 770px) {

.collection .product .image
{
min-height:164px !important;
}
.tabwrapper {
float: left;

width: 100%;
}

.tabwrapper h6 {
font-size: 15px;
font-weight: bold;
display: inline-block;

margin-bottom: 10px;
float: left;
width: 100%;

}

.tabwrapper p {
font-size: 14px;

margin-bottom: 15px;
display: block;
width: 100%;
margin-right: 0;
float: left;
}
}

.widget_tag_cloud .tagcloud a {
color: #000;
display: inline-block;
font-size: 14px !important;
margin: 0 5px 5px 0;
padding: 2px 5px;
text-decoration: none;
border-style: solid;
border-width: 1px;
}

.widget_tag_cloud .tagcloud a:hover {
background-color: #FFFFFF;

}

Thank You

Abdul Kadir