The official blog of Weebly Tricks
Responsive themes and templates are in. But they're not just "in", they're also practical and make complete sense with the ever increasing number of varying display (i.e., browser) sizes of today's technology.
For Weebly sites, converting your non-responsive theme to a responsive one is as simple as a single click, but there is a problem -- maybe.
Many Weebly sites have been around long before Weebly introduced responsive themes. This means many sites have built a reputation or work and function best with their current, non-responsive theme. The dissonance? Many Weebly site owners want to convert their sites to a responsive Weebly theme, but in order to do so, they must completely change their site's design -- or do they?
Currently, Weebly's responsive themes are not selectable versions of non-responsive themes - they are their own themes with their own unique and unprecedented designs. So changing a site from a non-responsive theme to a responsive theme means completely changing your site's theme which can definitely either work for or against your site regardless of its reputation.
There is a solution. It is possible to take your site's current non-responsive theme and make it 100% fully responsive without having to change themes -- sort of.
Weebly Tricks actually just finished converting its non-responsive theme to a 100% fully responsive theme. Take a look at the results below.
As you can see, the responsive and non-responsive themes are nearly identical, but the responsive theme adapts and fits congruently into the tablet and mobile phone. So how did we convert our non-responsive Weebly theme to a responsive one?
Remember when I said you sort of wouldn't need to change your site's current non-responsive them to a responsive one? Well, the sort of is actually the secret to making a non-responsive Weebly theme responsive.
You're going to choose a responsive Weebly theme and change your site to it, but you're also going to completely customize it to look just like your old, non-responsive theme. WHAT?!?!
That's right! Weebly Tricks' current responsive theme is actually a highly customized responsive theme ("UNITE" theme)! Take a look below. The two pictures are actually the same exact responsive theme, but the one on the right has been customized to look like the old, non-responsive theme (below).
HOW DID WE DO IT? THE SECRET
The secret may not take your breath away as much as the amount of coding that had to be altered -- and that's exact it - coding had to be altered.
Essentially, all we did was reflect the coding of the old, non-responsive Weebly theme into the coding of the new, responsive theme. It wasn't painless. It took some hours to complete. But now Weebly Tricks can be viewed on all varying screen sizes without being cut off, and you as a viewer doesn't lose the familiarity of the old non-responsive Weebly theme. A win/win!
IS IT WORTH CONVERTING?
It's important to note just because your Weebly theme isn't responsive doesn't mean you need to make it. Remember, every single Weebly theme comes with a mobile version (not the same as responsive). This means your website looks good on desktops and mobile devices; you're just missing out on tablets and everything else in between.
Weebly Tricks gets a lot of request for instructions on how to edit the styling of the mobile version of a Weebly site. We've tried it and weren't successful in doing so.
If you convert your Weebly site to a responsive theme, you will have the added control of being able to edit, with ease I might add, not just your site's mobile display, but tablet displays as well.
On the other hand, if your site doesn't see much traffic via tablets, or even mobile devices for that matter, you may want to consider just sticking with your non-responsive Weebly theme [w/mobile version].