Making Your HTML Responsive

Note: this page is intended to provide some general information about making your HTML responsive. To implement this, you will need to be very familiar with HTML and CSS. Custom HTML layouts are not directly supported.

CSS and HTML are available on the Advanced and Power plans. If you are on the Basic or Standard plans, you will need to upgrade to use custom CSS or HTML.

If you’re using custom HTML for your campaign layout, you can use a fixed width of 810px, or you can make it responsive.

The fixed width option is definitely easier, but a responsive layout will look great on mobile. To make the change, set the HTML option to “Fluid” at the bottom of the Customize page.

After that, there are just a few main things you’ll need to add. First, add a meta tag to the top of your HTML:

Now, all you need to do is set percentage based widths for your elements instead of pixel-based widths. You can also use CSS Media Queries to set different styles for different sized screens.

More information
Here are some additional tutorials about responsive design in HTML. Note: these links are not created or maintained by Woobox.

Responsive Web Design

Updated on October 15, 2021

Was this article helpful?

Related Articles