![]() ![]() If you have set margins on your page, then you may find that you only have a usable page width of about 280 pixels. The smallest iPhone, for example, is the iPhone SE which has a width of 320 pixels. This is a perfectly valid solution, however, you will need to make sure that your text and images are narrow enough to fit on all devices. Just add a Responsive Row widget to the page then add TextBox and images in to it. It is easy to use a Responsive Row widget to do this. When starting out with responsive design, one of the most common things that many users want is to combine text with images. That changed in EverWeb 3.0 so now you can add the full width widget of your choice and set its background color or image using the Shape Option tab’s Fill options. Initially, EverWeb’s full width widgets did not have the capability of a background fill color (except for the Navigation Menu widget) or image so had to be placed within a Responsive Row widget. ![]() Use the Responsive section of the Widget Settings to set responsive specific options for the navigation. It will automatically be a full width object on the page so will automatically scale to the size of the page. If you want full width navigation, just drag and drop the Navigation Menu widget on to your responsive page. When supporting customers we often find that the Navigation Menu widget has been placed inside of a Responsive Row widget when it does not need to be. Here are common things that we used to do, but can now do in a better way! Since EverWeb 2.8 there have been many feature additions and updates to EverWeb that make the reliance on the Responsive Row widget less than when it was introduced. Where The Responsive Row Widget May No Longer Be Necessary… Additionally, this new knowledge is also advantageous when building new websites as you will be able to do this more efficiently, creatively and in less time than before. Looking back over some of my early responsive website designs has given me some insight in to how things have changed and how it is possible to update already built websites to be more code efficient and easier to manage and maintain. So, is the Responsive Row widget still the Swiss army knife of responsive web design in EverWeb that it used to be? That is a difficult question to answer. However, since its inception, responsive website building in EverWeb itself has evolved as its feature set has expanded as have many of EverWeb’s widgets capabilities. When the Responsive Row widget debuted in EverWeb 2.8, it was easy to see the widget as ubiquitous. This is ideal for situations where you want to use widgets that are not full width capable, such as the PayPal widget, or when you want to combine different objects together in one row. The full width widget is like a ‘bucket’ in that you can drag and drop other widgets, TextBoxes, shapes and images in to it. The Responsive Row widget is a key resource for anyone building a responsive website in EverWeb. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |