Hi Jan,
I found out that the revolution slider is just the same as your mobile layout on your mobile view, the reason why you are seeing it wrong is that the background in the revolution slider is transparent and on the front-end, the background is white, the same color with your overlay. I suggest that you either change the background color inside your revolution slider or change the background column of your revolution slider in the builder.
See this screenshot when the background is not white:
and the reason why the font color is green is that you had some custom CSS in the Theme Options > CSS. I am referring to this one. You can delete it if you want to have a white font color.
#over-tjisse-rev .font-revslider {
color: green!important;
}
On the other hand, the reason why the separator is not working with the new updates is that by default on the new latest update, there’s a defined border: 0 which overrides your custom CSS in the element CSS you added. To fix your issue, you need to override the default border by adding !important.
Before your code looks like this one:
$el {
width: 0;
height: 0;
border-style: solid;
border-width: 100px 100vw 100px 0;
border-color: rgb(242,242,242) transparent transparent transparent;
position: absolute;
top: 0;
margin-top: 0px!important;
}
Then it should be updated to this one, to override the default border:
$el {
width: 0;
height: 0;
border-style: solid !important;
border-width: 100px 100vw 100px 0 !important;
border-color: rgb(242,242,242) transparent transparent transparent !important;
position: absolute;
top: 0;
margin-top: 0px!important;
}
Please note that enhancing the custom CSS code is outside the scope of our theme support. I am just giving you some hints and starting point to fix your separators. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.
Hope that helps.