• Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

Fullscreen Slider – white nav on dark backgrounds

Scheduled Pinned Locked Moved General Discussion
3 Posts 2 Posters 50 Views
    • 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 Offline
    D Offline
    DLB
    wrote on last edited by
    #1

    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
    0
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh Global Moderator
    wrote on last edited by
    #2

    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
    0
  • D Offline
    D Offline
    DLB
    wrote on last edited by DLB
    #3

    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
    0

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. When using a WordPress Cache plugin, disable it or clear your cache.

Now see if your problem solved itself.

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!
Post a link to where the problem is if possible, please <3
I don't answer or check forum DMs, please just post on the forum.
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
Online Users
M H panteleyP T S
laytheme.com
  • Login

  • Don't have an account? Register

  • Login or register to search.
  • First post
    Last post
0
  • Recent
  • Tags
  • Popular
  • Users
  • Search
  • Login

  • Don't have an account? Register

  • Login or register to search.