Hi @jybbe ,
If you want to add the HTML/CSS/Javascript on the header template page you need to use the Embed widget.
Refer to the below guide on how to use it.
https://pagelayer.com/docs/pagelayer-widgets/embed-2/
Regards,
Pagelayer Team
Thread Starter
jybbe
(@jybbe)
No. I don’t have the option to put the div tag low enough to the root from the editor. I need img tag html to support ios bg position fixed and cover. Which pagelayer isn’t supporting at the moment. I tried embed widget also, but could’t fix it, cause editor only supports bg setup, inserted html is not going deep enough to be the container element. I think the advanced tab is therefore the reason to insert own html, but it’s not working, it’s broken. Fix it?
Hi (@jybbe),
Can you put the below code in the Additional CSS code to fix the background image issue. No need to use the custom HTML code for fixing the background issue, place the below code in the global style section.
@media only screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
@supports (-webkit-touch-callout: none) {
.pagelayer-background-overlay, .pagelayer-row {
background-attachment:scroll !important;
background-size: cover !important;
background-position: center !important;
}
}
}
Regards,
Pagelayer Team