Lay Theme Forum

@arminunruh said in burger menu on different color: .slug-bio .burger-default span, .slug-bio .burger-default span:before, .slug-bio .burger-default span:after{ background: white; } That worked! Thanks man.

Hey @Daniel1234 , Did you try with !important? Like: @media (max-width: 600px){ .id-18 .navbar {background-color: black !important;} .id-18 nav.mobile-nav li a {color: white !important;} } When I try with the dev tool it works for me. Let me know.

Cool! Happy to hear!

@mariusjopen it works perfectly, thanks!

mh it seems like this page doesn't have a fullscreen slider active anymore: https://www.domaine-des-creisses.com/les-creisses/ // "afterLoad" is called everytime the animation is done and we arrived (for the standard vertical sliding) jQuery(window).on('fpAfterLoad', function( e, obj ){ console.log(obj.index) console.log(obj.anchorLink) }) when you scroll down or up, the above event will be fired. based on "obj.index" you can do things. the index is 1 based, so: 1, 2, 3, 4 this is for horizontal sliding: // this is for when you have horizontal sliding: jQuery(window).on('fpAfterSlideLoad', function( e, obj ){ console.log(obj.slideIndex) }) maybe this will be useful! the body also has a class: fp-viewing-4 the number changes based on which slide you're on, you can use this body class for styling instead of using javascript some of the code you wrote wont work i think: body.slug-les-creisses.custom-slide-1 i think this should have a space between, and should be like this: body.slug-les-creisses .custom-slide-1 sorry for the late answer

u can find the correct working code here: https://laytheme.com/documentation/custom-javascript.html#newpage-events <script> var colors = ["#fff", '#000', '#f0f', '#0ff', '#00f', '#ff0', '#0f0'] window.laytheme.on("newpageshown", function(){ var ix = getRandomInt(0, colors.length); var color = colors[ix]; jQuery('#grid, #custom-phone-grid, .cover-region-desktop, .cover-region-phone, #footer, #footer-custom-phone-grid').css('background-color', color); }); // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random // Returns a random integer between min (included) and max (excluded) function getRandomInt(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min)) + min; } </script> @Giammi read the text at the link above, u can find out how to do that there

Lay theme just supports one menu at the moment. This tutorial explains how to change your menu color based on the site that you are on at the moment: http://laytheme.com/how-to-use.html#custom-css-styling

Hey! That's not possible right now. But I think it's a really good idea, so I will code that one day.

Hey jlohin, this is a feature that I need to add to lay theme. Currently that's not easily possible. Gonna work on it soon.

No problem at all! That's good to know, thanks for the info! :)