Overview: How to make your pages responsive

OK, so first, what the heck does "responsive" mean?

In a basic sense, "responsive" means that the page will be responsive to the screen it's being displayed on, and be able to adjust itself automatically to give the optimal experience for your visitors.

View it on a large screen, it will show that version of the page. View it on a smaller, cell phone screen, and the page will adapt to that screen, and give the visitor a different viewing experience.

The normal method for adapting to smaller screens is to simply "stack" your page elements one on top of another. Here's an artist's (my) rendering of what that means:

We've set things up so that your Heroic pages should automatically adapt pretty reliably as the screen size diminishes in size, however, it can't always get it 100% right. Sometimes, it's going to need a little fine-tuning from you to really nail it.

Why is this so important?

The statistics now show that more than HALF of all web traffic now comes from mobile devices such as cell phones and tablets.

What's more -- mobile internet browsing now exceeds desktop usage everywhere in the world.

That means people are browsing your site on-the-go from their smartphones and from their couch with their tablets.

Think back to the last time you went to a website on your cell phone and it clearly wasn’t designed for mobile. You mess around with all those fiddly dropdown menus and try to navigate to the right page only to choose the wrong page because your fingers just couldn’t tap that tiny little button no matter how far you zoomed in?

How long did it take you to give up and hit the back button?

Right. That's why this is so important.

How to tweak your page appearance on different screen sizes

Check out this article: Tweaking page appearance for the different screen sizes

What's adjustable on each screen size?

We've created a list of all of the things that are adjustable and changeable on each screen size.

NEW: Can we do the work for you?

If you're like most entrepreneurs, you have a million projects in your head, with no way to get them all done. As a result, you feel stalled and frustrated.

You've tried doing it all yourself, but you know it's unsustainable, and a one way ticket to burnout and overwhelm.

You don't yet have the resources to hire your own team of designers and developers, so you feel stuck, going around in circles.

If you resonate, then relax, because we're here to help.

Our in-house tech, design & web team is ready to help, and available for almost anything. (Seriously!)

We'll take all of the tasks you've been collecting, and make them happen for you quickly and efficiently in the background, leaving you free to focus on what you do best.

And you won't pay through the nose either -- it's available for an incredibly low 5-hour "done for you" package -- it's just $200 for access to our in-house, highly-trained team of tech and design professionals. Best of all, the time never expires and you can use it as quickly or as slowly as you like.

Grab your 5-hour 'done for you' package here and let's get your business moving again!

Other Articles in this Category

Creating Pages

Pages are the heart of your site, and what you can build in Heroic is simple unmatched. Here's all the support you need to get started.

View this category

My Account

Got questions about how to manage your account? We're compiling them all here. If we missed anything, let us know and we'll add it.

View this category

Integrating

Our goal is to integrate with every 3rd party platform out there. Here's what we have currently!

View this category

Blogging

Heroic comes with a full featured, yet simple-to-use blogging platform that allows virtually anyone to get bloggin'...

View this category

Popups

Normally popups are hard to create, add to your site, and integrate with 3rd party platforms. Not here :)

View this category

Fonts & Colors

Heroic's global font & color system keeps everything looking great, and makes editing FAST!

View this category

Domains

Here's how to connect your site with your custom domain

View this category

Conversion U

Some our best articles on copywriting, design, branding and more!

View this category

Random Stuff

A home for articles that don't seem to fit anywhere else. Give 'em some love?

View this category

Trainings & Courses

Our expertly curated collection of education and training...

View this category

Recommended Tools

Here are the 3rd party tools that'll make life easier as an online entrepreneur!

View this category

174