Dear @silly-berlin

Am i correct that you could target the thumbs directly?

Screen Shot 2020-10-14 at 9.20.20 PM.png

Each thumbnail has a class ".thumbnail-wrap"

And inside a class ".thumb"

Could you target those?

Best :)
Richard

Dear @mtzonev

It is not as simple as i had hoped, and if it proves too difficult you may have to compromise sorry,

Option 1 is to download a simple plugin that lets you set a mobile home page - the issue is how this plugin operates with Lay Theme and clashes. This is out of our control as we cannot change these plugins.

Option 2 is to add code into the functions.php of the Theme https://www.wpstud.io/show-different-homepage-mobile-devices/
However what changes you make is up to you and is once again out of my control - this is much deeper customisation.

Option 3 - ( my choice ) is to create a new mobile layout on your homepage that already exists:
Screen Shot 2020-10-12 at 11.06.17 AM.png
This way you can have it look different but no internal coding is needed, also no possible clashes with plugins

Hope this helps and good luck :)

Best wishes
Richard

Dear @nypaloto

I understand,
Thank you for the kind words about Lay Theme and your support. I would like to put this thread into development notes for further discussion in the future,

Until then thank you once again and have a wonderful day

Best wishes
Richard

Dear @Markus

Thank you so much for following up! great :)

Have a wonderful day, and thank you for making this thread great

Sincererly
Richard

Dear Kim @KIM

Are you referring to the "Project Thumbnail" Insert?
You can add this to any page & by clicking it you will be directed to this 'Subpage"

Screen Shot 2020-10-07 at 5.38.45 PM.png

Screen Shot 2020-10-07 at 5.38.51 PM.png

Let me know :)

Have a wonderful day and thank you for using Lay Theme

Best
Richard

Dear Aleksandar @Aleksandar

I believe if you are happy to do so, using the slug and adding it to custom CSS would be easier.

if not you would need to use JS to find the Background-color present on that specific page then tell the Footer to change accordingly

Best wishes :)
Richard

Dear @XLD

Best :)

Rich

Dear Yannick @Yannickfischer

The Link you have given does not take me to this domain, ( i think this is a placeholder? )
However i do not think this affects your question:

I do not completely understand, forgive me:

"
Because if I install the laytheme on the maindomain, I won't be able to access on the woocomerce plugin and put some template on a specific page ? "

We have not released Woo-commerce compatibility yet for Lay Theme but are working on it.

Please if you could re-phrase the question sorry! :)

Best wishes
Richard

Dear @Nemo

I believe this thread is solved as you have found a solution?

Best
Richard

Dear @Nemo

I apologise for the delay!
I wanted to follow up and see if any progress was made with this issue or if i can still help?

Thank you for using Lay Theme and have a wonderful day
Sincerely

Richard

Dear @maxmanavi

Good to hear :)
Have a wonderful day and thank you for using Lay Theme

Best wishes
Richard

Dear @calvez_calvez

I hope to give a quick answer that help's you on what i believe is occurring:

The 'Information" text in the top right corner is actually a link to a project 'page' called information that sits in Lay Theme's primary menu:

Screen Shot 2020-09-28 at 12.48.08 PM.png

However this project page cannot be accessed because a class called 'disabled' has been applied to the <a> link making it not clickable - 'pointer-events:none;'

Screen Shot 2020-09-28 at 12.36.31 PM.png

Now hiding above the viewport and away from the user is a box called 'Contacto' containing the <p> paragraph information that displays the content:

Screen Shot 2020-09-28 at 12.45.49 PM.png

Here we can see that this box sits '-1000px' out of sight.

The trick happens that when 'information' is clicked a class is added/ toggled on called "active "

https://www.w3schools.com/jquery/html_toggleclass.asp

This new class "active" come's with some new CSS that changes the 'top:-1000px; to 'top: 37px;

Screen Shot 2020-09-28 at 12.45.57 PM.png

Now "contacto" is forced into view and along with a transition for a smooth effect:
https://www.w3schools.com/css/css3_transitions.asp

This method requires knowledge of basic CSS and JS Added to "Lay Options - Custom CSS & JS"

Screen Shot 2020-09-14 at 2.51.54 PM.png

https://laytheme.com/documentation.html#custom-javascript

Remember with JS that you must load it within a 'newpage event' to work with Lay Theme - also that the common '$' needs to be changed to 'jQuery'

https://laytheme.com/documentation.html#custom-css-styling

I hope this helps you @calvez_calvez and good luck! its a really cool customisation.

have a wonderful day and thank you for using Lay Theme :)

Sincerely
Richard

@lug said in Load JavaScript in Footer:

Is there a way of loading all the external scripts as part of the footer rather than in the site’s head section? And, if not, is it necessary for Lay Theme to load all the external resources before upon loading the site?

Hey @lug

Lay Theme has many different JavaScript files, some of which need to be loaded in <head>

Others can be loaded in the footer and they are.
I know this is not optimal but since Lay Theme has different Addons, their js is only loaded if the addon is installed and activated.

Please try these things:
https://laytheme.com/documentation.html#speedingup

And disable all plugins you don't use, even the Lay Theme ones you don't use.

You can also use a CDN plugin, but it would be better if you could instead just use a CDN of your webhost. Cause the CDN plugins often only upload your images to CDNs.

Dear @nypaloto

After a little reading, it seem's that sticking to WOFF is a good option, it has better support across Browsers.

Best
Richard

Dear Ruben @rubenraven

If you wish to just make all text on your site change red ( or any other colour ) when you hover just add this code:

span:hover { color:red !important; } a:hover { color:red !important; }

Into the Custom CSS area of "Lay Options - Custom CSS & HTML"

Screen Shot 2020-09-14 at 2.51.54 PM.png

Remove the 'a:hover' section if you don't wish you links to be red.

Hope this helps Ruben, have a wonderful day :)

Best
Richard

Dear Yannick @calvez_calvez

Great that it helped you,
Have a wonderful day :)

Best
Richard

Dear @louis-ziegle

Am i right in thinking that the menu is working properly, it toggles on and off for me.

Maybe i am wrong, or did not understand properly the issue :)

Best wishes
Richard