Question:
How can I have content of a tab full width / stretched? When I do that the stretched element goes outside the tab and shows over other tabs.
Product:
Wix Editor
What are you trying to achieve:
I have a tabbed view. One of the tabs contains a table, and the other an iframe. I have already stretched the tabbed container itself to full width. I also want to stretch the iframe to be full width INSIDE one of the tabs. However, as soon as I stretch the iframe it pops outside the container tab and shows over other tabs even if the iframe tab isn’t active/selected.
What have you already tried:
I have tried manually increasing width of the iframe (instead of using the stretch tick) starting from x=0 to width of my screen but that doesn’t work because Wix Editor treats that as explicit pixel width, instead of saying 100%. So even if it shows full width on MY screen because I have a screen width of X pixels, on other screens it would either be too wide or not wide enough.
Additional information:
I also cannot target elements by any kind of class name to add custom styling.
In Wix Editor the CSS section in Page Code is missing, so my only option is to add Custom Code and include in head section on all pages. However, I also cannot pick elements to target, and HTML IDs and class names are computed