Lay Theme Forum

antonioprado

Hello Armin! Thank you for your answer!
I mean inside the grid element, so you can put images, videos and sliders. Kind of a blog layout where you can put any kind of element. It would be nice someday!

Thank you again!!

antonioprado

Hello! I'm wondering if is possible to put sliders inside the grid element.

Thank you!

antonioprado

Hello! Any help @Richard-K ? :D

Best!!

antonioprado

@arminunruh Thank you Armin!! It works fine if fullscreen slider is activated! The only issue is that if it's not activated you still see the navbar of the browser (if you see this page in an iPad you will see it: www.lanacronica.com/caraestudi/about ). Don't know if it's possible to fix.

Thank you again!

antonioprado

@arminunruh Problem solved!! Thank you very much!

Best!

antonioprado

@Richard-K

Hello!! First, thank you very much for your time and answer.

I've done everything you told me but the problem remains. I just send an email with the access to the website.

Thank you very much again!

Best!

antonioprado

Any help @Richard-Keith ? :D

antonioprado

Hi @Richard-Keith !

I'm building a website witch I have fullscreen slider and fullscreen carousel layout. It works fine on desktop, but on mobile version it only shows the first carousel (if you scroll the content is empty).

Here's the address: https://lanacronica.com/caraestudi/cara-estudi

The bug only appears if you see the mobile version on a phone device (if you resize the browser it works fine).

Could you bring some light here?

Thank you very much in advance!

antonioprado

@arminunruh still not working for me...

antonioprado

Same problem here! Good to hear if there is a solution!

antonioprado

@Richard-Keith Hello! Thank you very much for your time and the references you showed me! Finally I managed to achieve what I was looking for! Here's the code I use if someone is interested on the same thing.

On custom <head> content:

<script>
    jQuery(document).ready(function(){
      jQuery(window).scroll(function() { // check if scroll event happened
        if (jQuery(document).scrollTop() > 25) { // check if user scrolled more than 50 from top of the browser window
          jQuery(".navbar").css("background-color", "#ffffff"); // if yes, then change the color of class "navbar" to white (#ffffff)
        } else {
          jQuery(".navbar").css("background-color", "transparent"); // if not, change it back to transparent
        }
      });
    });
</script>

On custom CSS:

.navbar {
transition: background-color 200ms linear;
}

Also on the "Customize" section the navbar must be on opacity 0.

That's all! Thank you again for your help and have a good day! :D

antonioprado

@Richard-Keith hello! Thank you for your answer! :) Yes, it works, but I want that the navbar be transparent only on the top of the page. This example https://www.byfamilia.com/cinema-jueu-2020/ you can see what I mean. When you are on the top of the page the navbar is transparent but when you scroll down it becomes white. Is it possible? :D

Thank you again!!

antonioprado

@Richard-Keith hello! Thank you very much for your answer! Probably I did not explain myself right... :D
This is an example: https://www.byfamilia.com/cinema-jueu-2020/

On the top of the page the navbar is transparent (you only see the site title and the menu) but when you scroll down you can see the navbar in white color. You can see it if you scroll down and scroll to the top of the page. I'll also attach a couple of screenshots.

Thank you again! :)

antonioprado

Hello!

I'm wondering if it's possible to have a transparent header (navbar) that changes the background color on scroll. I've tried to do it on my own but I was unsuccessful.

Thank you very much in advance!

antonioprado

Hi @cyan_00FFF ! Could you please share the CSS code you use to get the captions fixed position on the right bottom of the page?

Thank you very much!! :D

antonioprado

Hello @mariusjopen !

I'm trying to achieve something like this: https://www.gemmavillegas.com/
I have this: https://your-logic-design.com/test

I thought unchecking "mouse cursor controls" of the carousel addon and activating "previous and next buttons" I would be able to do it, but don't know why the fullscreen slider arrows control the images of the carousel...

Any idea how to achieve something quite similar?

Thank you very much for your time!

Best!

antonioprado

Hi @mariusjopen ! Thank you very much for your answer!

I don't know why but the problem is solved... not sure why but now it works fine. Maybe it's because of the scroll bar I activate in fullscreen slider options... anyway, if you could tell me please if the errors in the console still existing I would be very grateful! Not sure either how those errors come up...

The password is argal2020

Thank you very much for your time!

Best! :D

antonioprado

Hi @mariusjopen , thank you for the answer :D

I've everything up -to-date and I'm only using a SSL plugin, witch I'm using after I realize the bug. I don't have any custom JS code either...

Any thoughts?

Thank you! Best!

antonioprado

Hello @mariusjopen ! I'm making a simple webpage using fullscreen slider addon, but when I resize the page, even a little bit, all the images that are placed in the rows disappear... I have to reload the page to see the content again.

Any idea how to solve this problem?

This is the link: http://your-logic-design.com/argal

Thank you in advance!

Best!

antonioprado

@antonioprado @mariusjopen Any little help? :D

Lay Theme Forum

antonioprado

Posts