Here’s another problem with one of the latest Enfold features:
Create a color section.
Insert 2 x 1/2 elements.
Edit Column
Tick Column Box-Shadow
Set to rgba(116,135,143,0.5)
Column Box-Shadow Width 5px
When this is displayed on a mobile phone or tablet, the top border shadow does not display.
If you insert a 1px whitespace above the two 1/2 elements the border works.
Hope this helps.
Hey Heathcliffe,
Thanks for the description, though I can’t reproduce it on a local installation. Where can we see and reproduce the problem?
Best regards,
Rikard
Hi @Rikard,
I can’t let you see the problem because I fixed it, but below, in private section is a link to the live site so you can see the exact layout if that helps.
You may see where I added the 1px whitespace to fix the issue.
Hope this helps,
H
Hi,
Thanks for the link, could we have access to the backend as well please?
Best regards,
Rikard
Hi Rikard,
I have created a new page on the Enfold Health Demo and copied the code (using debug mode) from one of the live pages.
I get the same result. The code is below in private.
If you view the page ON MOBILE, you will see the shadow border at the top does not display on the First 1/2 element of each color section.
(Under the Color Section Heading are two WhiteSpaces. These are what I used to solve the problem, by inserting them above the two 1/2 elements (moved out of the way, so you can see the issue)).
Have you thought about using a Facebook Group for support for this type of problem solving. It makes it so much easier to share screenshots etc., you may also find other users benefit too and help each other solve problems.
I hope this helps.