Lay Theme Forum

**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!!