Hi guys
I’m using a Div with a SVG in a background layer. I build it using the XS viewpoint. It appears and I think I am sweet. But no, after setting up all the XS properties it displayed and was positioned perfectly. I go to S viewpoint and start applying the properties, it cannot show any of the settings in S or XS viewpoint. And on preview of XS it is doesn’t display the SVG. See screenshots. The element view indicates the x-bg overflow:hidden and I cannot find that setting to change in Cornerstone.
Hi @philysgdy,
Thanks for reaching out.
I have checked the page in the Cornerstone and in the Browser and looks identical in the specified screen size.
If you are still facing the issue, please share the exact page and URL for further investigation.
Thanks
Hi Tristup
I am looking at the
<div class="x-bg"><div class="x-bg-layer-lower-img"><img decoding="async" src="https://friendsofsalabai.com.au/wordpress/wp-content/uploads/2025/06/Sala-Bai-Students-2.jpg" alt="Sala Baï students" loading="lazy" style="object-fit: cover; object-position: top;"></div></div>
[class^="x-bg"] {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
pointer-events: none;
}
I need to make overflow:visible. I cannot see where I can do that. Can you help me with that?
thanks
Phil
Can you do a screenshot?
I can’t see it in X. Maybe that is an option in Pro.
Hey @philysgdy,
It is because of your Top position. You should not be using auto. Try calc(100% - 10em) instead:
You should get this:
Thanks.
Rue
Fabbo as always, worked a charm. I hope all is well in your camp.
cheers
Phil