Dear @Henning
Q 1:
"i dont want the gridder to be 50% on every page of the website.
is this possible and if yes how?"
A: Yes :)
Every page has its own set of attributes that we can use to target it specifically. So we can set up the CSS so that it only applies to the page you desire. Using the 'Inspect' tool within google Chrome i can look at the structure of a webpage ( right-click on page ) :
Screen Shot 2020-10-27 at 11.14.07 AM.png
And up the top of the structure in the opening <body> tag i can see some important information:
Screen Shot 2020-10-27 at 11.14.19 AM.png
A class called:
.slug-work
And a data slug called:
[data-slug="work"]
These are unique attributes to this page which we can use, so for example you could:
.slug-work .grid{
float: left;
width: 50%;
background: blue;
height: 100%;
overflow: scroll;
height: 100vh;
}
Etc :)
Q 2:
"if I want the split screen elements to be under each other for the mobile version, do i simply move my custom css to »Custom CSS for Desktop Version"
A: Yes
You could go about this customisation by only applying it to the Desktop Version's Custom CSS and then the Mobile would remain standard
I hope this helps and best wishes, have a wonderful day
Richard :)
