Responsive Site Layout

I’m not sure if this wix feature vote is related to the same issue.
https://support.wix.com/en/article/request-automatic-page-resizing-for-elements-set-to-show-on-all-pages

I spoke to a few wix agents ,they informed me they are currently working on responsive sites and within few months we might get update.


The thing is there are few elements which doesn’t fits in every screen.

Still waiting for this, I am trying to figure it out how to do it with code… After the update, Wix has improved a lot, but it is unacceptable that they did not solve the responsive issue.

Common WIX, responsive design is ages old and a basic for web-building company! Hope guys you do it asap!

Hope to see this at some point in the future.

I have to say that I’m completely shocked about the fact that Wix does not support responsive layout. It’s 2019 for god sake!

The responsive layout has been the only standard for at least 5 years so there is no other way to do a website these days. It’s like if you were renting movies online but they arrive to the customer by mail in a VHS format.

I’m very sad that I purcased the premium (before I knew this issue) for a year and I cannot actually use this tool to accomplish my goals. :frowning:

Can we get an update on if this is on a roadmap and when it will be available? Not all elements stretch to full width so i’m not sure why that would be suggested as a viable solution. If you stretch some and not others the site becomes actually less responsive than before. I love most of the Wix features but without responsive sites we are likely eventually going to move to Wordpress or Squarespace.

Its unexpected…I just assumed WIX was auto-magically responsive like Webflow or Squarespace, I only just now realised that I need to check for laptop view and go W I D E after a buddy pointed out my site looked off on her laptop. I have been using too many web design platforms and have shifted focus back to include WIX due to the powerful business tools and amazing docs.

Sadly yes.

It looks to me, and forgive me as its a novice opinion and off the cuff, but part of WIX flex is the layers, so many layers, I can imagine this may make it hard to write new code, for for responsive reactions, when the layers follow their own logic? I also wonder if its possible to use adaptive technology, which as I understand is something newer and perhaps would lend itself more to being injected into specific areas of a page’s / code? I think you could do this on a section by case by case basis, assume one knew how to code it in. I will ask my buddy who made an adaptive wordpress website builder / theme.

Can someone at WIX please provide some sort of update? We haven’t had any responses on this and it’s a critical feature.

Bump.
We still need this.

Is there any update information about making a website truly responsive??? That is by far one of the most important aspects of web design and is actually one of the easiest to implement via CSS. Not sure how wix hasn’t jumped on-board with the billions they are making. Love the JS updates but damn we need fully responsive designs guys come on! I can make an HTML doc with basic CSS more responsive than these sites however my company wanted to use WIX because of the fast pace updates and a/b testing you can do with funnels.

Still nothing :frowning:

I asked about this in Facebook and this is the response I got:

“Hi Juha, we do not have timeframe for when fully responsive sites will be available but Wix sites are becoming more and more responsive as we continue to add more new and exciting full-width elements which expand to fill the entire width of the screen and we hope to have this feature available soon.”

So I wouldn’t hold my breath for this. It’s absolutely pathetic. Their response in Facbook was really quick though.

After three years asking for a fully responsive site / gallery, I decided to switch to my own hosting and continue with wordpress. It seems that WIX is not really listening to us.

I’ll just leave this here:

import wixWindow from 'wix-window';

$w.onReady(function() {
    setInterval(function() {makeResponsive()}, 400);
} );

function makeResponsive() {
    wixWindow.getBoundingRect()
    .then((windowSizeInfo)=>{
        let windowWidth = windowSizeInfo.window.width;
        if (windowWidth <= 1280) {
            //show & hide or change style properties for 720p or below
        } else if (windowWidth > 1280) {
            //do the same for 1080p
        }
    }
}

Also:
https://johannaa13.wixsite.com/responsive-text

If this is too intimidating for you, but you still want responsive design on your Wix site, email me :slight_smile:

Wix sites are already very responsive horizontally with the “Stretch to Full Width” feature. I find that using full width strips is super helpful for making the site responsive; you can add multiple columns in the strip, change the background of those columns to be images or videos with different scroll effects, and you can also add text, buttons, and other content to the strip columns. Any elements added directly to a column will maintain proportional spacing to other elements on the site, regardless of the screen size. Check out these tutorials, no code required!

However, under a certain viewing window (980 px) the site content gets cut off. I see a lot of sites now that automatically change to mobile view when the viewing window is under a certain minimum. I think Wix should go this direction; loading a “mobile” view based on window width, versus loading a mobile site based on user agent (which is how Wix does it now).

and where do we go about plugging this snip of code into?

@travislbateman Wherever the elements you’re manipulating exist. If it’s footer/header/pinned stuff then in site code, otherwise page code.