Finally Responsive Is Here!
Creating Responsive Slide Boxes
So how does this responsive pack work? It is very simple actually. When you purchase the Responsive Pack ($7.00 small price for great functionality) you will have the ability to pick a layout for your boxes. The layout could be one of the followings:
It is kind of self explanatory if you have worked with grid systems before. If not, don’t worry it is a very simple concept. The number (4,3,2) is the amount of boxes you can place side by side on a row. Using this numbers all the css is already done for you. If you are not satisfied with the options, you can wrap the shor-tcode inside a custom div that you control the width, using the Inside a <div> option. This will make the box adapt to the div. So you can create your own layouts such as 3/4 of thh page, whole page etc..
The responsive feature works great, you can actually see it in action here in the home page. Try it for yourself, resize the page and see how the boxes resize automatically. As you play with the boxes you might notice that they resize perfectly, but the ones that have text inside kind of look off when the screen is too small, since the text does not changes size. This is the prevailing that is almost impossible to fix. However there is a workaround for this!
The Problem & The Solution
So text that does not resize is a problem for some boxes that don’t just have images. If the screen size is reduced by a lot, the text might not even show. The best work around for this is to make the text an image, so it can resize automatically.
Making your text and image is actually pretty simple, all you will need is some image editor program where you can build images. I preferred PhotoShop, but you don’t need all of PhotoShop just to make a text image and image editor program that you like would do just fine.
Note: Simply installing the responsive pack will not make your existing boxes responsive. You must edit your existing boxes and select a layout option.