I have a number of elements that I reference in wix code on my desktop site and everything works fine.
To save screen space in mobile view I have to hide some of these elements. I do this buy just clicking hide element in the wix editor.
I now have the issue that the mobile version of the website does not function correctly as wix code sees these elements as missing and so the page code breaks.
How do we hide elements on the mobile site without breaking the desktop site page code ?
anyone know how to achieve this ?
Hi Mike!
You can use the Wix Window method - formFactor .
Using this method you can determine via code on which platform the site is being viewed.
Knowing that you can choose to Show( ) / Hide( ) some of the elements in your site depending on the platform that is used.
For example:
if (wixWindow.formFactor === "mobile"){
$w('#image1').hide()
}
Hope it helps.
Doron.
Oh my god what a mess. I have text and images all over the screen that aren’t suppose to be there in mobile view and the only way i can see what it looks like is to go to the live site using the above code. The mobile system is flawed…
Response I received from the Wix support team
" As for the hidden elements - if you use this option in Mobile Editor, it doesn’t effect the desktop version in any way."
Clearly the support team do not know what they are talking about.