2 scrollbar in home page

Mary Greg Posted in Technical Support 1 month ago

Hi dear Rafail. On the home page of the website we use the Background video which causes such a problem. Video size 1300px but it causes 2 scrollbar: Why ? How can we solve this problem?

Replies
us Mary Greg Replied 2 weeks ago

I tried, but did not help to solve the problem(((

us Theyadora Leeper Replied 2 weeks ago

Then your answer is

object-fit: fill;

BLONDES ARE COOL

us Mary Greg Replied 2 weeks ago

Thank you Theyadora))This time it really helped and the problem was solved. But the height of the page increased a lot. And scrolling allows it to go page down a lot, so it's not a target.

us Theyadora Leeper Replied 2 weeks ago

That makes no sense. ( query aspect ratio !!)

try this in the css instead of the overflow :hidden

    object-fit: cover;
us Mary Greg Replied 2 weeks ago

Thank you. Yes, it helps to solve the problem but unfortunately it also damages the video. Because the video disappears after the changes and the background turns white...

Here are the basic codes I have in CSS file

.video-wrap {
width: 100%;
z-index:0 !important;
position:relative !important;
}
.video-wrap video {
width: 100%;
height: 100%;
z-index:0 !important;

}

us Theyadora Leeper Replied 2 weeks ago

HI Mary.
Looking at the css code in the video background component, the video is wrapped in a div styled with a class namedvideo-wrap.
go to the following file
video-background-1-1\VideoBackground\plugins\default\videobackground\css.php

and edit the following to add the overflow.

.video-wrap {
width: 100%;
z-index:0 !important;
position:absolute !important;
}

change to this

.video-wrap {
width: 100%;
z-index:0 !important;
position:absolute !important;
overflow: hidden;
}

Ive never used this component so hope this fixes your issue.

us Mary Greg Replied 2 weeks ago

There is no way I can solve this problem.....Please help me resolve this issue(((

us Mary Greg Replied 3 weeks ago

im use background video component, where there is no such things...

us Theyadora Leeper Replied 3 weeks ago

In the code you used for the homepage video. Whatever tag you used to add the video eg <div> will have an associated style in the css file. ie <div class="videostyle"> find that tag in the stylesheet(css) or make a new style and overflow: hidden add it to it. Your coder/helper will be or should be fully conversant with this.
example in css file

.videostyle {
overflow: hidden;
}

us Mary Greg Replied 3 weeks ago

Bansh33 How ?