How can i make my website Responsive?

adding in secure note

Hi there,

Looks like this is going to be a long fix for a simple video. For every time we check, it changes hence more confusion in the discussion. But somehow the spacing is a bit better now, but, the last spacing issue is because of your Ubermenu. Try disabling your Ubermenu and the spaces will be gone. Or add this CSS to change your Ubermenu toggle’s positioning.

.ubermenu-responsive-toggle.ubermenu-responsive-toggle-5776 {
    position: absolute;
}

Thanks!

1 Like

hey thank you for your reply, i have tried what you told me it didnt work.
ok let me ask the question differently, i dont want to use the banner as a video frame, i want to use it as a section background, how exacly can i fit the video to the section background without a need of using a tranparent picture?

Hi there,

We already informed that you can not have a responsive view as you want when it comes to video and the way you want it to show.

The problem you are facing when used with the Video element is because of the additional uber menu item that you added to the page:

This is the problem caused by the blotted amount of 3rd party plugins you used and misconfiguration of them. The theme normal Video element shows the video with no problem.

You can simply test the case by disabling all the 3rd party plugins and the Custom CSS and javascript that you added and you will see that the Video works with no problem on the Homepage Cloned page.

Unfortunately, we can not give more help here as this is caused by the extensive4 customization that you have done on the theme and we can not search for each and every bit to know how and what you do or change things around.

Thank you for your understanding.

1 Like

Hey thank you for your reply, but unfortunately you did not understand my question,
i do not want to use a video frame i want to use it as a section background,
as a section background it gives me all i need, responsivness and it does not have an empty space.

what i am asking is how exacly do i fit the video inside a section background without adding a transparent image?

thanks!

Hi there,

What transparent image you’re adding? Once a video is added a background, you can add any image as a content. Then then image will be overlaying in the video background.

And even if you do that, there will be issues with spacing due to the Ubermenu toggle on top. And where di you add the suggested CSS, I can’t find it anywhere. But when I added, the space goes away.

Thanks!

1 Like

hello,
i am sorry perhaps i am not explaining well my question because you did not understand me again.
i dont want to add any video frame inside a section, i want to use section background only.
screenshot>> http://prntscr.com/j55vf4

Result is that the video link i set as background is not in full size , screenshot>> http://prntscr.com/j55z18

it only shows full size only if i enter the section a tranparent image, screenshot>> http://prntscr.com/j55zhx
and result: http://prntscr.com/j5604r
and the transparent image is what makes it all unresponsive
i want it to be exacly like it shows in the result but without the transparent image :slight_smile:

Page link>> https://shofar-messiah.com/דף-הבית-2/

Hi there,

Which is correct, you can set your video as a background as shown in your screenshot then add your transparent image as a content. So the image will overlay on top of a video background. That’s what I’m saying :slight_smile:

And it’s not full-size because there is no content, you can either add your transparent image or gap element as a content of that section. And that will give your section a dimension where background video will follow. To put it simply, backgrounds depends on the size of the container, and the container depends on content’s size.

If the content is not responsive, then the container will not be responsive, and background too.

Hence, adding a video as video element within the section is the best option. But I don’t see any connection or relation with this video as background or not in the initial issue of spacing. We already mentioned that the spacing is caused by Ubermenu mobile toggle (with provided screenshot too). I also tried the provided CSS on your site and it works and it removes the space. Which is why my question is how did you implement the CSS?

Thanks!

i did add the css now in both places ive tried and it doesnt work.
screenshot1: http://prntscr.com/j5rcq9
screenshot2: http://prntscr.com/j5rcu3

it also adds a responsive toggle on the vertical menu with i dont want to appear

Hi there,

I went to the homepage of your website and added the CSS code below and it removed the toggle is gone:


@media (max-width: 1180px) {
 .ubermenu-responsive-toggle.ubermenu-responsive-toggle-5776 {
  display: none; 
 } 
}

Please consider that this thread is unmanageable and we can not maintain this anymore. It is too long and makes our service quality decline because of the time each support member should read from top to bottom to understand the case and back and forth. Please open up a new thread and in your follow-ups give us more detailed information. The message of it doesn’t work does not help us, give us detailed information, for example, the screenshot you gave helped us identify you do not want the toggle.

Thank you for your understanding.

1 Like