Lay Theme Forum

Dear @LN

I hope i understand your problem and please correct me if i am wrong :)

The main content should start at 40% of the page's height, however because you want your client to have freedom to change picture we cannot target any one image specifically.

Screen Shot 2020-07-29 at 3.25.05 PM.png

Here in the picture above i have targeted to whole "grid" and increased its "padding-top" from 1% to 40% using "Custom CSS & HTML"

Does this suit your needs or is it too simple a solution?

Your client can still change the images and this will continue to use the 40%

I hope this sets you in the right direction!

https://www.khanacademy.org/computing/computer-programming/html-css

https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

These are two links that can introduce you to the basics of CSS if you having difficulty

As always thank you heaps for using Lay theme and having Patience with the Forum

Best wishes

Sincerely
Richard

very nice :) glad i could help!

Dear @LN
it is very simple to code that script yourself:

Basically you just need a simple jQuery function which runs when the page gets loaded.
http://laytheme.com/documentation.html#custom-javascript

It should add a couple of classed to some elements which are related to the menu. As well it should change some CSS values to make it visible.

Have a look at the inspector (right click on menu -> inspect element with Chrome).

1_1578570940414_Bildschirmfoto 2020-01-09 um 12.53.22.png

0_1578570940412_Bildschirmfoto 2020-01-09 um 12.53.16.png

Hope that helps!

Best!

Marius

hey please try to learn some css, there are links provided here:
http://laytheme.com/documentation.html#custom-css-styling

you can maybe use custom phone layouts to have just a list of projects for mobile:
http://laytheme.com/documentation.html#custom-phone-layouts