WiX "HTML embed code" iframe doesn't follow fixed position and z-index

Vote count:

0

I'm trying to use the WiX "HTML embed code" feature in order to display an iframe on top of my WiX site. The sequence of steps I do is:

• Enter Wix admin --> My Sites --> Edit Site


• Click +Add --> Apps --> HTML


• Increase the size of the gray rectangle so it roughly covers all the visible part of the window


• In the 'HTML Settings' dialog:


• Select 'Mode' = HTML code


• Check 'Show on all pages' below


• In the 'HTML / embed code' box, paste my code (see below)


• Below the 'HTML / embed code' box, click 'Update'


• Close the 'HTML Settings' dialog


• In the WiX editor top-right click 'Save'


• In the Wix editor top-right click 'Publish' (and confirm)


• 
  

  The code I paste is a piece of JavaScript that eventually creates an iframe. The iframe's style has a fixed position and a very high z-index.

  
  

  Upon browsing the site, the iframe is actually created and displayed, but with two strange effects:

  
  
  
  
  1. The position is set not relative to the whole window (as 'fixed' position should be), but rather relative to the original gray object representing the HTML app during the WiX edit.
  
  
  2. Some elements of the original WiX template - hide sections of the iframe, regardless of how high I set its z-index to be.
  
  
  
  

  Any help is appreciated.

  
  

asked 1 min ago

Free Bud

136

WiX "HTML embed code" iframe doesn't follow fixed position and z-index