Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #801555

    Hello Kriesi team !!

    I want to make a specific burger menu which looks like a new page with a video background and no scroll bar.
    I tried some code but I have 3 problems…

    1) The video (or the photo) isn’t responsive :
    I found the Quick CSS for the video background :

    div.av-burger-overlay-bg {
         background-image: url("myvideoORmypicture");
         opacity: 1;
    }

    But the video format doesn’t fit with the screen.

    2) I want NO scrollbar on the right but I have 2… (2 with my laptop Asus, and one with the macbook, the default scroll bar of my page,check the picture that I sent to you !).

    3) The Logo of the menu (not the icon of the burger menu) have to stay when I come to the burger menu.

    If you can help me to solve those problems I’ll be very greatfull !!
    Thanks in advance.
    Romainp841.

    • This topic was modified 7 years, 6 months ago by romainp841.
    #801620

    I found a solution for the 1) Image not responsive.

    I just added background-size: cover; in the Quick CSS and it’s working.

    #802809

    Background video isn’t working on my burger menu…

    #802858

    Hi,

    Thank you for using Enfold.

    I’m sorry but you cannot set a video as background via css. You have to create a new container for the video inside the menu overlay and embed the video inside. This container should go beneath the menu items. You’ll get the idea by inspecting a color section with a video background. Unfortunately, this modification is outside the scope of support. Please hire a freelance developer or contact our partner, Codeable.

    // http://kriesi.at/contact/customization

    Best regards,
    Ismael

    #802936

    Hi Ismael,

    Thanks for your reply !

    I understand ! But it’s working with a gif so I’m fine !

    Did you check the picture that I sent with the two scroll bar on the burger menu ? I need a Quick CSS to disable those.

    Thanks :)
    Romainp841.

    #803023

    I deleted one of the two scrollbar with :

    .av-burger-overlay {
     overflow: hidden !important;
    }

    Miss one now !! I want to remove it because if you scroll down on the burger menu, the cross icon scroll down too…

    #804364

    Hi,

    Thank you for the update.

    I can’t see the other scroll bar in the menu.

    View post on imgur.com

    Best regards,
    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.