Docs

[cjerryme]

as well as on ipad (screens other than desktop)

hope you can help.

[cjerryme]

This reply has been marked as private.

[Thai]

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[cjerryme]

hi. sorry if I wasn’t clear. when ‘.x-container.main:before’ background color is set as #ffffff, while the site background is transparent (via css) it looks like the screen shot (please see the link above).

but on smaller screens (ipad & mobile), the page turns transparent. the ‘.x-container.main:before’ background color (#ffffff) is gone.

hope that’s clear.

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.x-container.main:before {
     background-color:#fff !important;
}

Hope that helps.

[cjerryme]

hi.

i already tried that. i just tried it again. the page is still transparent when viewed on ipad/iphone.

[John Ezra]

Hi there,

Thanks for updating the thread! Unfortunately, we are unable to see or replicate your issue on our end. Would you have happened to have solved your issue already? Your site is functioning properly on our end. Please update us otherwise – thanks!

Note: you may have to clear cache on your end. It’s best to switch off any performance or caching plugins when developing, and turn them back on when done. Hope this helps – thanks!

[cjerryme]

Hi there.

Could you confirm whether you viewed the page on actual ipad/iphone?

On my end, if i view it on desktop and just resize the browser, i don’t encounter any issue. Also in cornerstone, the page is rendered properly. But if i view it on ipad and mobile device, the page is transparent. This is true to all pages/posts in which the site is set as transparent while container:before is set as white. This is not an issue with respect to pages/posts with different set up.

No caching or performance plugin was installed when the pages were built.

Thanks.

[Zeshan]

Hi Jerry,

I checked your website on an iPad and iPhone. The homepage and one inner page “Property Ledgers” are coming just fine at my end. Please check these screenshots:

iPad:
Home: http://prntscr.com/7vrkx6
Inner: http://prntscr.com/7vrlgd

Thanks!

[Zeshan]

Hi Jerry,

I checked your website on an iPad and iPhone. Upon checking the homepage and one inner page “Property Ledgers”, I’m not able to replicate any issue. Please check these screenshots:

iPad:
Home: http://prntscr.com/7vrkx6
Inner: http://prntscr.com/7vrlgd

Thanks!

[cjerryme]

This reply has been marked as private.

[Rad]

Hi there,

Please add this css too.

.x-boxed-layout-active .site {
position: relative;
z-index: 1;
}

Thanks!

[cjerryme]

That did the trick!

Thanks a bunch for excellent support.

[Rue Nel]

Hey There,

You’re welcome!
Thanks for letting us know that it has worked for you.

All the best.

[Author]

Posts