One Page Navigation scrolling and video background issue.

Home Forums WordPress Theme Lambert – Restaurant / Cafe / Pub WordPress Theme One Page Navigation scrolling and video background issue.

This topic contains 10 replies, has 2 voices, and was last updated by  CTHthemes 1 week, 2 days ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #17691

    davsam2266
    Participant

    Supported

    Hi,

    I’m still having issues with the one page Vimeo page template with the navigation not scrolling to the correct sections within the page. it just jumps to each section.

    The second issue I’m having is that my client wants to replicate the look of this website with the background video and parallax scrolling of the content: pasqualejones.com.

    I’ve tried various different ways but can’t achieve having one video background and then each section scrolling as it does on their website. there must be a way to achieve this right?

    At the moment `I’m having different header sections with the Vimeo video as a background yet the video pauses even after changing the code as you said an having autopause=0.

    To achieve the Pasqualejones website parallax look what sections would I use?

    Kind regards

    David

    #17694

    CTHthemes
    Keymaster

    Hi, please send me your sit address + wp-admin account to check.

    Thanks.

    #17706

    davsam2266
    Participant

    Supported
    This reply has been marked as private.
    #17733

    CTHthemes
    Keymaster

    1 – you have to use Home – One Page template : http://prntscr.com/hj7g6k

    2 – Add external class to external menu: http://prntscr.com/hj7gih

    #17734

    CTHthemes
    Keymaster

    3 – I’ve installed this new plugin https://wordpress.org/plugins/wp-vimeoplayer/ and setup it as background video on home page. Then create new home page ( without videos elements ): http://prntscr.com/hj7l24

    #17747

    davsam2266
    Participant

    Supported

    Thank you so much for your help. Works great now

    #17750

    CTHthemes
    Keymaster

    You are welcome 🙂
    and thank your for the review.

    #17751

    davsam2266
    Participant

    Supported

    No problem. I do have 1 more issue that I need to address though. On mobile I need to add CSS for the videos to be replaced by animated gifs. What is the CSS code for that? I need a different gif for each empty space you have put.

    Kind regards,

    David

    #17766

    CTHthemes
    Keymaster

    Please use this style

    
    body {
       background-image: url("your_image_link");
       background-color: #fff;
    }
    
    #17800

    davsam2266
    Participant

    Supported

    Hi again,

    I upgraded the Vimeo player to a pro version because it wasn’t looping correctly but now everything works fine with it. only issue is the margins around the video content. I don’t want that and I can’t find where to change it so the video covers the full screen. Could you please change that for me?

    I’m also wanting 3 animated gifs on mobile so the css code you have given me doesn’t seem to work.

    please see attached screenshot of the padding around the video I wish to get rid of

    Kind regards,

    David

    Attachments:
    You must be logged in to view attached files.
    #17826

    CTHthemes
    Keymaster

    Hi, add this style to Lambert Options -> Custom Code tab

    
    .hero-line,
    .hero-content:before,
    .hero-content:after {
       display: none;
    }
    
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.