Docs

[Kirillborisov]

Hi there.

http://artcreators.ru/portfolio/yolla-calls-reklamnyiy-rolik/

When I open envira gallery’s any photo, then second scrollbar appears. I’ve tried both browsers (edge and chrome)

@media ( max-width: 979px ) {
.x-slider-revolution-container.above {
display: none;
}
}
.admin-bar .x-navbar-fixed-top, .admin-bar .x-navbar-fixed-left, .admin-bar .x-navbar-fixed-right {
top: 0px;
}
.single-x-portfolio .entry-featured {
display: none;
}
.archive .x-navbar.x-navbar-fixed-top, 
.error404 .x-navbar.x-navbar-fixed-top, 
.category .x-navbar.x-navbar-fixed-top,
.tag .x-navbar.x-navbar-fixed-top,
.single-post .x-navbar.x-navbar-fixed-top,
.blog .x-navbar.x-navbar-fixed-top {
position: relative;
}
.single .entry-featured {
display: none;
}
@media (max-width: 1405px){
.x-navbar .x-nav>li>a {
letter-spacing: 1px;
}
}
@media (max-width: 1310px){
.x-navbar .x-nav>li>a {
letter-spacing: 0;
}
}
@media (max-width: 1220px){
.x-navbar .x-nav>li>a {
padding:30px .4em 0;
}
}
@media (max-width: 960px) {
.x-slider-revolution-container.above {
display: none !important;
}
}
@media (max-width: 977px) {
.x-slider-container.above {
display: none;
}
}
.x-btn-navbar {
margin-top: 11px;
}
body .x-btn:hover,
body .button, [type="submit"] {
-moz-box-shadow: none;
-webkit-box-shadow: none;
opacity: 1; text-shadow: none;
}
.x-btn-small {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#rh-copy {
display:none !important;
}
div.one { font-size: 20px; color: #000000; }
p.intro { text-align: center; font-weight: bold; font-size: 35px; color: #333333; }
p.intro2 { text-align: center; font-size: 15px; margin-right: 10%; margin-left: 10%; }
p.upper { color: #000000; text-align: center; font-size: 35px; }
p.why { font-size: 15px; sans-serif; text-align: center; color: #3f3f3f; }
p.why1 { font-size: 15px; font-weight: bold; sans-serif; text-align: center; color: #3f3f3f; }
p.white1 { font-size: 20px; font-weight: bold; sans-serif; text-align: center;color: #ffffff; }
p.white { font-size: 15px; sans-serif; text-align: center; color: #ffffff; }
p.wed1 { font-size: 20px; font-weight: bold; sans-serif; text-align: center;color: #ffffff; }
p.wedwhy1 { font-size: 20px; font-weight: bold; sans-serif; text-align: center; color: #ffffff; }
p.wedwhy { font-size: 15px;  sans-serif; text-align: center; color: #ffffff; }
p.wedblack { font-size: 25px; font-weight: bold; text-align: center; color: #3f3f3f; }
h1.theone { 
color: #ffffff;
text-align: center;
font-weight: bold;
}
h2.theone { 
color: #ffffff;
text-align: center;
}
h2.main9 { 
color: #ffffff;
text-align: center;
}
div.main9 { 
color: #bcbcbc;
text-align: left;
font-size: 15px;
}
div.main8 { 
color: #3f3f3f;
text-align: left;
font-size: 30px;
}
div.few { 
color: #bcbcbc;
text-align: left;
font-size: 13px;
}
div.few1 { 
color: #3f3f3f;
text-align: left;
font-size: 20px;
}
body .x-btn,
body .button, [type="submit"] {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 0.75;
}
p.offer { font-size: 20px;  sans-serif; text-align: center; color: #ffffff; font-weight: bold;}
p.offersmall { font-size: 17px;  sans-serif; text-align: center; color: #ffffff; }
flex-control-nav {
background-color: transparent;
}
.flex-control-nav a {
background-color: #333333;
}
.flex-direction-nav a.flex-next {
color: #333333; font-size: 50px;
}
.flex-direction-nav a.flex-prev {
color: #333333; font-size: 50px; float:right;
}
.widget ul li a, .widget ol li a {
color: grey;  text-decoration: none;
}
.single-x-portfolio .entry-wrap {
float: left;
width: 65%;
}
a.photka {
opacity: 0.8; padding: 1px;
}
a.photka:hover {
opacity: 1;
}
.x-colophon.top {
padding: 50px 0px 0px;
}
.x-colophon.bottom {
padding: 0px 0px 0px;
}
.flex-direction-nav a.flex-next {
right: -50px;
}
.flex-direction-nav a.flex-prev {
left: -50px;
}
.x-btn {text-shadow: none !important;
}
h2.newone { 
color: #ffffff;
text-align: center;
}
#map_canvas{
width:100%;
height:100%;
position: absolute;
top: 0px;
left: 0px;
}
a.links {
color: #202020  ;
opacity: 0.8; 
}
a.links: hover {
color: #202020  ;
opacity: 0.8;
}
@media ( min-width: 980px ) {
.page-id-42 .x-brand.img {
background: url(http://artcreators.ru/wp-content/uploads/2014/10/logo-circle-rastr-white-no-circle.png);
background-size: 80px auto;
width:80px;
min-height: 65px;
}
}
@media ( min-width: 980px ) {
.page-id-42 .x-brand img {
display: none;
}
}
.page-id-42 .x-navbar {  
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor: default;
box-shadow: 
inset 0 0 0 16px rgba(255,255,255,0.6),
0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ch-info {
position: absolute;
background: rgba(63,147,147, 0.8);
width: inherit;
height: inherit;
border-radius: 50%;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-backface-visibility: hidden;
}
.ch-item:hover {
box-shadow: 
inset 0 0 0 1px rgba(255,255,255,0.1),
0 1px 2px rgba(0,0,0,0.1);
}
@keyframes fadein {
from {
opacity:0;
}
to {     opacity:0.4;  }}
@-moz-keyframes fadein { /* Firefox */
from { opacity:0;  }
to { opacity:0.4;
}}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {  opacity:0;  }    to { opacity:0.4;  }}
@-o-keyframes fadein { /* Opera */
from {opacity:0;  }
to { opacity:0.4;  }}
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadein { /* Firefox */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-o-keyframes fadein { /* Opera */
from {
opacity:0;
}
to {
opacity: 1;
}
}
.page-id-42 .x-navbar { 
background-color: rgba(0, 0, 0, 0);
}
.page-id-42 #menu-item-5495 a,.page-id-42 #menu-item-5153 
a,.page-id-42 #menu-item-6198 
a, .page-id-42 #menu-item-5152 a, .page-id-42 #menu-item-5151
a, .page-id-42 #menu-item-5688
a, .page-id-42 #menu-item-6243 a{
color: white;
}
.x-navbar-inner {
min-height: 62px;
}
.page-id-42 .x-navbar .desktop .x-nav>li>a:hover, .x-navbar .desktop .x-nav>.x-active>a, .x-navbar .desktop .x-nav>.current-menu-item>a {
box-shadow: 0 2px 0 0 #fff;
}
.x-navbar .desktop .x-nav>li>a {
border: none !important;
}
.x-navbar .desktop .x-nav>li:last-child>a {
border: none !important;
}
.x-navbar .desktop .x-nav>li>a>span,
.x-navbar .desktop .x-nav>li>a:hover>span {
border: none !important;
}
.x-icon-bars {
color: grey;
}
@media ( max-width: 1480px ) {
.single-x-portfolio .x-video { width: 70% !important;
text-align: center 
}
}
@media ( max-width: 900px ) {
.single-x-portfolio .x-video { width: 100% !important;
text-align: center 
}
}
@media ( max-width: 700px ) {
.wpcf7-form-control.wpcf7-text
{ width: 90% !important;
}
}
@media ( max-width: 1700px ) {
.x-video-inner
{  
vertical-align: middle;
}
}
.x-promo {
border: 0px !important;
}  
body {
overflow: hidden;
}
.x-navbar{
box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, .1);
}
.page-id-42 .x-navbar {
background-image: linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0));
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .0);
border: none;
}
.child {
padding: 10px; /* Поля вокруг текста */
margin: 10px; /* Отступы вокруг */
}
.wot {
background-color: transparent !important;
}
.page-id-42 .forcefullwidth_wrapper_tp_banner {
margin-top: -67px !important;
}
#vk_comments {
padding: 20px 0px;
}
div.content-wrap {
background-color: RGB(249, 201, 16);
} 
td.main-wrapper-content-cell {
background-color: RGB(249, 201, 16);
} 
div.main-wrapper-content-cell {background: none !important;  }

[Thai]

Hey There,

To hide the second scroll bar, please add the following CSS:

.envirabox-lock .envirabox-overlay {
overflow: hidden;
}

Hope it helps 🙂

[Kirillborisov]

thank you for the quick response, but it makes no effect.

[Nabeel A]

Hi again,

Please replace the previous code with this one:

.envirabox-lock .envirabox-overlay {
overflow: hidden !important;
}

Make sure you purge your site’s cache completely. I see the code is coming via cache plugin that’s why it was not making any difference.

Let us know how this goes!

[Kirillborisov]

I love you guys)))))

thanks a lot)

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts