Dear @dbdb
Thanks for the message,|
I'd like the spacing on the left of the mobile screen to line up with the site title. Not have such large padding on the left.
If you cannot set the caption dimensions for Mobile because they are already set up for Desktop in a certain way, then the following code you can use to define the caption left padding:
.lay-carousel-sink-parent .single-caption {
padding-left: 25px !important;
}
Also... the arrow position - I'd like that to have the same left and bottom margin as the site title on mobile, as it does on desktop.
You can define the left margin to be the same as your site title in > customize > Project arrows >
If the arrows are set to 'center' normally and need them set to 'bottom' on mobile this would need to be custom coded, something like:
.project-arrow.center {
top: 90vh;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
You can see here the class .center this is applied if set to 'center' within the project arrow settings.
https://laytheme.com/documentation/custom-css-styling.html
Best
Richard