One of the top buzz words in web design today is “responsive.” A responsive web site is one that re-sizes itself for the smaller screens of a smart phone and tablet. A tablet held in the landscape or horizontal position is almost as wide as a desktop screen so tablets are less of an issue than are smart phones such as an IPhone. The theme I am using, superheros, is a responsive site. Here is what it looks like on my IMac.
This image is almost 1600 pixels wide on the IMac. Next it is at 1000 pixels wide. Notice that the sidebar has disappeared. It is now at the bottom of the page and not visible in this screen shot. The menu on the right in the header is starting to collapse.
Here is the site at 500 pixels wide, roughly the screen size of a smart phone.
Notice that the menus have disappeared and will appear when you click the Menu button. The column of information narrows but is very readable.