Lay Theme Forum

@Richard Just wanted to say that I just realized the Vimeo option was added to the carousel and I just wanted to say THANK YOU!

ahah. Hope you have a nice day!

@Richard-K Thanks for your reply!

Re: Vimeo video (iframe) in Carousel: Swipe not working on mobile

Hi @Armin-Unruh @Richard-K ! I was gonna start working on my website after a long pause and I was wondering if there was any plans to implement a vimeo embed for the Carousel? I'm asking because now I'm thinking that if the feature is not in the plans maybe I'll just switch to html5. Like I said in my previous topic I was using vimeo for ease of loading and simple customization but at this point it's causing too many problems on mobile.

Please let me know! Thanks!

@emidio Armin helped me by looking at the code, here was his answer:

you need to use window.laytheme.on

instead of

Frontend.Globalevents.on

as written in the doc:
http://laytheme.com/documentation.html#custom-javascript

Sorry for the late reply, I didn't log in for a while.

@Richard-Keith Of course!

@Richard-Keith Thanks for you reply. I also think that some Classes names used in the code have changed during the update.

@arminunruh I just sent you an email with the info you requested.

Also my website (work in progress) is dev.alexiscoutumarion.com

Thanks!

Hi!

I used the code I found in 2 older threads to make my navigation (site title + menu) change from black to white when it's over a black background (class id: blackrow), it was working for a while then I came back in the admin and updated and now it's not working.

Here is the code I am using:

Custom CSS:

/* Nav color change */
.blackrow {
    background: #0e0e0e;
}

.white {
    color: #f2f2f2;
}

Custom HTML at bottom:

<!--Nav color change-->
<script>
    var offset = 50;
    var $blackRows;
    var $nav;
    
    Frontend.GlobalEvents.on("newpageshown", function(layoutObj, type, obj){
        $blackRows = jQuery(".blackrow");
        $practice = jQuery(".info-centre-top");
        $mobiletitle = jQuery(".mobile-title span");
        $information = jQuery(".laynav span");
        $nav = jQuery(".navbar");
        $nav.removeClass("white");
        $sitetitle = jQuery(".sitetitle span");
    });
    
    jQuery(document).on("scroll", function(){

        $blackRows.each(function(){
            var rect = this.getBoundingClientRect();
            if(rect.top - offset < 0 && rect.bottom - offset > 0){
                $sitetitle.addClass("white");
                $mobiletitle.addClass("white");
                $practice.addClass("white");
                $information.addClass("white");
                return false;
            }else{
                $sitetitle.removeClass("white");
                $mobiletitle.removeClass("white");
                $practice.removeClass("white");
                $information.removeClass("white");
            }
        });
    });
</script>

Does anyone know why it's not working anymore?

Thanks!

@CharlotteG Hi, sorry I just saw this here is the code I put in the custom html

/* Carousel full page */
.slide-inner {
    max-width: 85%;
    margin: auto;
}

/* Carousel vimeo Video full size */
.lay-carousel .slide-text {
padding-left: 0;
padding-right: 0; }

.slide-text iframe {
    width: 100%;
    height: 100%;
}

.slide-text p {
    height: 100%;
}

.slide-text {
    height: 100%;
}

and then an example of what you put in the carousel image html box:

<p><iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://player.vimeo.com/video/395113197" frameborder="0" allowfullscreen=""></iframe></p>

Hope this helps!

@arminunruh Thank you!

Hi @arminunruh thanks for your reply.

I was using vimeo because I was thinking it would make the website load faster since it's hosted on the vimeo server instead of mine. I liked the fact that I could upload heavy Hi-res videos and that vimeo will automatically play the resolution that is best suited for the user's connection.

Also I liked the fact that I was able to only have the play button and fullscreen icon displaying without needing to customize the player that much.

Hi, I used the code below to have centered full size vimeo embeds in my website's carousels. When on mobile, the slides with the vimeo embed won't swipe.

/* Carousel full page */
.slide-inner {
    max-width: 85%;
    margin: auto;
}

/* Carousel vimeo Video full size */
.lay-carousel .slide-text {
padding-left: 0;
padding-right: 0; }

.slide-text iframe {
    width: 100%;
    height: 100%;
}

.slide-text p {
    height: 100%;
}

.slide-text {
    height: 100%;
}

Would there be a fix for it?

If it's helpful, you can look at the work in progress site at http://dev.alexiscoutumarion.com

Thanks!

@mariusjopen Thanks!

@mariusjopen Thanks for your answer, maybe my question was not clear.

My site is a One page scroll of many Carousel sections, my only menu Item is "Information" fixed on the top right. When you click it, it scrolls automatically to the last section with my bio+info at the bottom of the site.

The Site Title is fixed at the top left, I would like to assign a link to it so when you click it, the page scrolls up to the first top section. I was wondering if there is any simple code to change the Site Title link to an anchor instead of it reloading the page.

Thanks,
Alexis

Hi! I am currently building my website to be on a single page. The only menu item I have scrolls down to the bottom of the page. I would like to assign a custom link to the Site Title for it to scroll back up — similar to the thread here ---> Re: change site-title link

Were there changes to the code since then to achieve this without hiding the Title and place a new one with custom HTML?

Thanks. (Your theme is really great!)