How Do You Make a Header Responsive in Wix?

In order to make a header responsive in Wix, you need to take the following steps:

First, you need to edit the header elements. To do this, simply click on the header element and then click on the “Edit” button.

Second, you need to add a responsive breakpoint. To do this, click on the “Settings” tab and then scroll down to the “ResponsiveBreakpoints” section. Here, you need to specify the width at which you want the header to become responsive.

Third, you need to add the following code to your CSS file:

@media only screen and (max-width: [responsive breakpoint width]) {
   .header-element {
      width: 100%;
      height: auto;
   }
}

Finally, you need to publish your site so that the changes can take effect.