top of page

Responsive Sites

CATEGORY:

Getting Started

SUB-CATEGORY:

How to Begin

RELEASED:

No

First Requested:

August 19, 2014 at 2:12:24 PM

Last Updated:

May 25, 2023 at 10:24:00 AM

DETAILS

Responsive sites resize themselves depending on the type of device they are
being viewed from.

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.

We recommend using full-width elements on your site. If you are using elements
such as text boxes and images that can?t be stretched to full width, make sure
to keep them within the vertical grid lines so that your elements appear
correctly on most screen sizes. Click here to learn more.

**The following elements are full-width and responsive:**

#### Strips and columns

Add strips to your site and split them into columns. You can define how big
you want each column and arrange your content accordingly.

#### Full-width slideshows

Slideshows can be used for almost anything. You may want to use them to spice
up your homepage, promote special deals or display presentations.

#### Galleries

The Wix Pro Gallery and many other galleries are responsive. If the gallery
has a **Stretch** icon it is responsive and you can make it full-width. Click
here to learn more.

#### Horizontal menus and lines

Horizontal menus and lines automatically adjust to the screen width.

#### Google Maps and other Wix apps

Google Maps and other apps created by Wix are responsive. If the app has a
**Stretch** icon it is responsive and you can make it full-width. Click here
to learn more.

Check out Editor X:

Using Editor X, you can design fully responsive sites and tailor them to
different breakpoints with advanced tools like CSS grid and flexbox
technology.



Click below to learn more about Editor X:

* Editor X: A Guided Tour
* Editor X: About Responsive Design
* Editor X Academy

Notes:

* Since non-responsive elements (such as images, text and shapes) do not adjust based on screen width, placing these elements on top of a responsive element, such as a strip, may cause differences in the way your page looks in different browsers or on different devices.
* If you are adding elements to a strip or column, make sure to attach them.

If you would like to see more responsive features in the future, please click
**Vote for this feature** and we'll make sure to keep you updated.

bottom of page