Responsiveness of Directory themes – How are they displayed on smartphone or tablet?

Author: Categories: Building Directory Portals
Updated: September 6, 2018
Responsiveness of Directory themes – How are they displayed on smartphone or tablet?

Directory & listings themes are specific type of templates because they contain many items that are linked to a large number of corresponding information. No matter what theme you choose and whether your Items will be restaurants, events or museums, you always have to assume that there will be lots of data that needs to be processed and placed somewhere.

Furthermore, Items are usually displayed directly on the map, via icons. Sometimes may happen that there are several dozen of icons located on the smaller section of the map at the same time. When browsing websites on the desktop PC, it is always easier as the user has quite a large space available for viewing – the entire screen of the monitor. But when visiting a website via a mobile device, an important question arises:

How will the directory website that contains a lot of Items deal with the lack of space on the small screen?

A responsive design that works

Our potential customers often ask if our directory themes are responsive. Of course they are!

Already at the beginning of the development of our very first Directory theme we knew that the top priority would be to correctly display the theme on different devices. The first version arose a few years ago and at that time it was an adaptive theme. But we new it was not enough. That is why today we have a new version. It was developed from scratch. The enhanced version of Directory+ Theme is built on the new Framework 2 which is fully responsive.

Tablet screen

Directory type website on tablet screen

Also all our other directory templates are responsive and adaptable to each device.


For the sake of interest – today, all of our themes are developed following “Mobile First” principle, which means that the website design is made for the smallest mobile phone screen first. Then we gradually adapt it to the expanding screen of tablets, until we finally make a desktop design. This allows us to cover the wide range of different screen sizes and mobile browsers (because most devices have their own browsers, which also differ from version to version).

Each responsive version is designed to make the page browsing intuitive on any device. Mobile version of the website is made compact for better user experience. E.g. Items that are located close to each other are grouped into one icon with the number indicating the number of items that are “hidden” behind it.

Smartphone screen

Item icons on mobile screen

Restrictions in the responsive version

Although the design of the website is simplified in the responsive version of the directory theme, there are no other restrictions. There are no website elements excluded – they are just reorganized and displayed on other places to make the website more user-friendly. Additionally, since last year, all of our directory & listings templates had gone through a significant update that speeds up the page loading. This made the browsing on mobile devices even more comfortable.

The future is in mobile devices

The fact is that users are increasingly using their smartphones and tables for browsing. The result of this trend is that 57% of traffic comes directly from mobile devices, in comparison to 43% of desktop visitors.

It is for this reason that all of our directory and listings themes have been created to keep up with this trend and offer users full-featured content display regardless of the devices they use.

Would you like to test how our directory templates look on the mobile phone or tablet prior buying the Full Membership? Download a free version of any of our templates!