Site URL: https://www.glencairnfurniture.co.uk/
Hi,
My testimonial slider doesn't show arrows on desktop but does show on mobile? I have the following code under 'custom CSS'. Can you please help?
.has-site-title .Header-branding {font-family: 'GASALT THIN'; letter-spacing: 1.5px;}
//BlockQuoteFontColour//
blockquote {
color: #bc9f6a;
font-family: futura-PT;
letter-spacing: 0em;
font-weight: 300;
}
.quote-block .source {
color: #bc9f6a;
padding: 16px 20px;
font-style: italic;
font-family: futura-PT;
}
//CaptionOverlay//
.image-caption-wrapper {
opacity: 0;
text-align: center !important;
top: 0 !important;
position: relative;
pointer-events: none !important;
}
&:hover,
&:focus {
opacity: 1;
}
.image-caption {
left: 50%;
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.image-caption p {
font-family: futura-pt;
font-size: 18px !important;
font-weight: 400 !important;
color: #bc9f6a !important;
line-height: 120% !important;
letter-spacing: 1px !important;
opacity: 1 !important;
}
.sqs-block.sqs-block-editable:not(.sqs-block-editing) .sqs-dd-invalid-handle {
cursor: default;
pointer-events: all !important;
}
.sqs-block-image .image-block-outer-wrapper.layout-caption-overlay .intrinsic .image-caption-wrapper .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper {
background: rgb(88,120,53) !important;
opacity: .1 !important;
}
.image-caption-wrapper { max-height: 100% !important; }
//fullbleedslideshow//
#slideshow {
min-height: 100%;
width: 100vw !important;
height: auto;
position: fixed;
top: 0;
left: 0;
}
/* Prevent Hyphenation */
p, h1, h2, h3 {
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important; }
@media screen and (max-width:640px) {
body.homepage article.Index-gallery-item * {
font-size: 12px;
}
}
section#testimonialslider {
min-height: unset !important;
height: 200px;
}