Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Fullscreen Slider – white nav on dark backgrounds

    General Discussion
    2
    3
    50
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      DLB last edited by

      Hey @arminunruh

      For some project pages I have the Fullscreen Slider in use which changes the sitetitle and nav from black to white for slides which have dark backgrounds. This all worked fine prior to the recent Lay updates, but now the JS / CSS no longer seems to work for this. I‘ve checked the console which shows a lot of error messages.

      Here is a link for an example of what I’m referring to: https://deslloydbehari.co.uk/portfolio/crimea-crisis

      Any thoughts on this would be appreciated?

      Thanks,

      Des

      Screenshot 2020-04-23 at 14.08.43.png

      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by

        can you change this line

        Frontend.GlobalEvents.on("newpageshown", function(layoutObj, type, obj){

        to

        window.laytheme.on('newpageshown', function(){

        in lay options -> custom css & html -> custom head content

        1 Reply Last reply Reply Quote 0
        • D
          DLB last edited by DLB

          Hey @arminunruh ,

          Thanks for this.

          For some projects which have dark backgrounds / images on the first row, I have the sitetitle and nav load in white (instead of on scroll / mouse move). Using this code in the Custom CSS & HTML…

          jQuery(window).on("fpAfterLoad", function(){

          However, I do not have the fullscreen slider enabled for the mobile version of the site, so this code doesn’t work on mobiles.

          If I use this code it works for both desktop and mobile, but of course only on scroll, not on load.

          jQuery(window).on("scroll", function(){

          I did try this, but it didn’t work…

          jQuery(window).on("load", function(){

          Is there a way for this to work on load for the mobile version, which doesn’t have fullscreen slider enabled? Have been trying, but can’t find a solution.

          Also, could it work if the mobile-title was an SVG? For the mobile version, it uses the desktop menu, but want to have the mobile-title different (just my initials) so it fits on the same line as the menu.

          Link: https://deslloydbehari.co.uk/portfolio/crimea-crisis

          Thanks,

          D

          1 Reply Last reply Reply Quote 0
          • First post
            Last post

          Try this to fix issues before you post:

          Use the Search Feature. Maybe there is already a solution to your issue.

          1. Update Lay Theme and all Lay Theme Addons
          2. Disable all Plugins
          3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
          4. Now see if your problem solved itself
          5. Go here, see if your problem is listed here:
          Troubleshooting

          When you post:
          1. Post a link to where the problem is
          2. If the problem is difficult to explain, post screenshots / link to a video to explain it

          Thanks!

          Online Users

          M
          T
          A
          T

          Recent Topics

          • A

            Designer Websites for free Lay Theme.

          • A

            Broken images

          • A

            Image hover -> Image on image

          • D

            Projects private / public

          laytheme.com