Footer Row Background Color Not Visible on Mobile (Still in Inspector)

[MWPA]

I created a footer using a Row with a Background Color and Left/Right SVG images with transparent areas.

On desktop, everything displays correctly. On mobile, the Row Background Color disappears – though the inspector shows it’s still there.

Previously, I used a separate page as a footer (example 1B), but I’d prefer not to for practical and SEO reasons. In example 1A, where the footer is built directly on the page using a Row, the issue appears.

Example 1A (problem on mobile):
https://dev.vandersalm-architecten.nl/project/projectsjabloon-1a/

Example 1B (works, but uses a page as footer):
https://dev.vandersalm-architecten.nl/project/projectsjabloon-1b/

Hope this can be fixed – or does anyone have a workaround or custom solution?

[arminunruh]

Seems like both pages have footer background colors for me.
I'm not sure if I see the issue.

[MWPA]

No, what you're seeing is the page's background color, not the Row's. The Row has a slightly darker tint – you can see this more clearly in action on desktop.

[arminunruh]

i see

you're using a row background image. lay theme thinks it doesnt have to set a bg color for that row, cause there is already a bg image. but urs is just a line and the rest is transparent.

Can you please update to 8.8.2 and check if it works then?

[MWPA]

Great! It works now. Thanks Armin. Really appreciate the quick help.

[arminunruh]

No problem, I'm happy to help.