Greetings everyone. Today I wanna talk about a small yet considerable issue that messes with vertical responsivity within EditorX and affects us free users:
The WIX AD BAND 
(…which probably won’t matter at all for all premium users but still, wanted to give it a go)
*This is not a Reclaim, but a friendly request for the Team, as well as an invitation to other Wix free users inside the Beta of EditorX to comment
IN SHORT: The Ad-band troubles responsivity of free published websites built with EditorX.
0k so… first I have to explain myself what I mean by ‘Ad-band’. Since the beginnings of WiX (when flash was king), the service allows to publish sites for free but showing their brand on the website: a full-length stripe on top of the published website with an invitation to join Wix (which redirects to Wix.com on click).
It isn’t exactly a ‘banner’ since it cannot be closed or minimized, and it shows in all pages of the free website in a fixed position so it remains always visible even during scroll. This ad disappears as soon as you become Premium.
As part of the distinction between WiX and EditorX, the Team has designed its own branding stripe, which looks as follows:
Which reads "Created on Editor X Editor X " on a white strip with basically all the same previous behaviours.
Since I don’t know how to name it, from now on I’ll refer to it as ‘Ad-band’.
My request is not for the Team to delete their own publicity for all free users nor is it my intention to reclaim that we have one, but I ask for you to take this into consideration, about how it behaves and reacts with responsivity, as I detail next.
The problem relies in the fact that the Ad-band is considered within the viewport, but is not part of the viewport… wait, what? I’ll try to explain this little paradox.
The vertical size of the browser’s viewport takes the height of the Ad-band (50 pixels) into consideration, but not for the rest of operations that make the site responsive.
If I set the size of my first section –without considering the header for now– to fill the viewport height (100vh), the ad-band will displace the whole site downwards, which is cool in order not to cover part of the site, but will create a residual part for that section beyond the viewport.
This can kill –well let’s not be that dramatic– or depress the original design idea of a website. It also causes a content overflow where there’s no need.
Solutions for this are indeed possible through Calculations: the most immediate solution to this is to substract the 50 pixels of the ad-band’s height from the sections total height.
This can be only achieved if a CSS grid is applied to the section –in order to change units to calc– and the section itself is set to Height: Auto in the Inspector Panel. The grid could be 1x1 actually, and the calculation would be as follows: (100vh - 50px)*
*needs to be written between parenthesis in order for the grid to reckon it (don’t ask me why)
This solves the main issue but incidentally generates others: elements within the section will begin to misplace or misbehave, at that precise rate of 50px or some other random rates.
Images will misbehave
…and elements will misplace. Ways to correct those positions may be futile.
The section’s grid may be set to some other configuration other than 1x1 in order to redirect this problem to only one row of it –usually the first one– or to compensate between more rows; yet, the grid itself will begin to be unset
or directly crash
One final problem around it is that, for free users, all or –ok let’s not be dramatic again– most cool interactions like sticky sections/containers will never be possible –less dramatic– work properly*, for sticky pieces are ment to stick at a certain position determined only in pixels or viewport-height units.
NOTE: I began my post talking about the problem of combining the WiX/EditorX ad-band with a responsive (free) website, yet I have got to a tad worrying conclusion:
Calculations in the Editor do not work properly
…or I haven’t understood how to use them in order to avoid these (bugs?).
**All these behaviours happen only with calculation and have been tested in various browsers (chromium and non-chromium based) on different devices.
Regarding the Ad-band, there is one possible solution: to definitely exclude the Ad-band from the browser’s viewport .
This would make things a lot easier when resizing sections, containers, layouters and all elements in them, as well as for to avoid calculations –at least for now– to set the size of a section or a grid. Again, though, this is only regarding the Ad-band.
I would dare to add that this new viewport could be reset not only for the website but also for pop-ups like Wix Pro Gallery images,
Wix Video… videos,
and all other normal lightboxes.
In this case nothing crashes or misbehaves; I propose it because the current set kindof breaks the visual aesthetics of the site’s interface design, so it’s rather an aesthetic reason rather than a functionality/responsivity problem.
This is my request: I friendly and respectfully ask for the Team to considerate this suggestion, in the name –I dare to say– of all bold creators who love and use WiX (and EditorX) for free.
…unless you have totally different plans for advertising your brand on free websites on the future, in which case i’m embarrased i’ve just wasted everybody’s time.
I reckon the little black side container “Created on EditorX” is an atractive alternative since its elegant, minimalistic, effective and discrete; yet there’s the little detail this one does cover part of the site underneath it (even if considerably small, perhaps important).
Now… about why am I still free user that’s another topic, but it’s a personal choice.
(1) build websites (2) need a professional portfolio for my own (3) love WiX (4) income don’t allow me to become premium
and this is perhaps the situation for some others here (c’mon guys don’t leave me alone).
About grid calculations I do not know why they turn out like that or cause those problems, but if I am using them wrong I’d also like some help or guidance from either the Community or the Team.
Thanks beforehand
Sorry for the whole lithany '
pls don’t judge me ":l