Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 30, 2017 at 4:09 pm #801555
    romainp841

    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, 5 months ago by romainp841.
    May 30, 2017 at 6:31 pm #801620
    romainp841

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

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

    June 1, 2017 at 11:22 pm #802809
    romainp841

    Background video isn’t working on my burger menu…

    June 2, 2017 at 5:32 am #802858
    Ismael

    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

    June 2, 2017 at 11:20 am #802936
    romainp841

    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.

    June 2, 2017 at 2:04 pm #803023
    romainp841

    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…

    June 6, 2017 at 7:51 am #804364
    Ismael

    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

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