Map grayscale effect not showing on mobile devices

[FoundationDesign]

Hi. I’ve added a grayscale effect to a map. I can see it on the builder in the backend and on my desktop in all responsive views, but it won’t show on mobile devices. It looks like it is there initially but disappears as the map loads.

Any suggestions for a solution are greatly appreciated.

[ruenel]

Hey Paul,

Thanks for posting in!

Your map on the page is gray because you have added a Grayscale Filter in the Effects module.

Delete the filter and you will see the colored map again.

Best Regards.

[FoundationDesign]

Hi @ruenel. You have it back-to-front… I want to see the grayscale filter, but for some reason, it is not showing up on a mobile or iPad.

[ruenel]

Hi Paul,

Sorry for my confusion. The Grayscale effect is only applied to the parent container. It is not being applied to the iFrame which is the map embed code and in most case, Safari, does that. I am just guessing that you are using Safari browsing on your iPad or iPhone. You can just try applying the element CSS forcing it to be applied on the iframe code as well.

Meanwhile, please do the following:
1.) Purge your site cache.
2.) In your Safari browsing, use the private browsing mode in testing your site.

Kindly let us know how it goes.

[FoundationDesign]

Brilliant @ruenel. Worked perfectly. Thank you.

[FoundationDesign]

While I have your attention @ruenel, is it possible to create a Link URL using an ACF link {{dc:acf:post_field field =“external_url”}} and have it default to the standard post link {{dc:post:permalink}} if the ACF link is null (empty)?

[ruenel]

Hello Paul,

It is possible. You just need to create two Text elements and apply a condition in both of the Text elements. For first Text element, you will have the {{dc:post:permalink}} and then in your condition, you use string condition: if {{dc:acf:post_field field ="external_url"}} is Empty.

For the 2nd Text element, it will contain the {{dc:acf:post_field field ="external_url"}} with the reverse condition of the other.

Hope this makes sense.

[FoundationDesign]

Again, thank you @ruenel… that solution worked perfectly.

[ruenel]

You are most welcome, Paul.

[FoundationDesign]

Hi @ruenel. Thank you for introducing me to Conditions. Wow… what a powerful feature.
I’ve had a look through the Conditions and Assignments… which was helpful.
But I couldn’t find the specific info that I’m after.

What I want to do is to use Conditions on an Accordion child so that the child will only show if there is content. The content is based on a post category.

For example, if Post category ‘A’ has an o (zero) post count, the Accordion child doesn’t show. If Post category ‘A’ has a 1 or greater post count, the Accordion child (and its contact) will show.

How would I express that as a condition?

[marc_a]

Hey Pual,

In order to achieve your condition, you need to use the expression number.

Then the condition should look like this one:

{{dc:term:count}} > 1 which means that it will only display the content if the category is greater than 1.

Hope that helps.