-
AuthorPosts
-
November 30, 2018 at 3:16 pm #1039331
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 5pxWhen 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.
December 2, 2018 at 7:41 am #1039799Hey 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,
RikardDecember 8, 2018 at 2:19 pm #1042450Hi @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,
HDecember 9, 2018 at 6:45 am #1042671Hi,
Thanks for the link, could we have access to the backend as well please?
Best regards,
RikardDecember 10, 2018 at 10:58 pm #1043412Hi 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.
December 11, 2018 at 9:34 am #1043635 -
AuthorPosts
- You must be logged in to reply to this topic.
