Free Drupal 7 Responsive themes

In our highly developed and quickly changing technology world it is very necessary to be Mobile. That is why our first article is dedicated to the Free Drupal 7 themes that will allow your own website be Mobile and easy to see in all the modern devices: from PC to tablet and smartphones! AgileLion Logic provides services in creating Mobile compatible websites, as well as other Drupal website development services.

I tried to choose the best designs for you, my dear reader, so that our mutual experience starts easily and joyfully! I would like to mention companies that have developed these amazing and free responsive Drupal 7 themes, they are: More than (just) themes, HahacondaSooperThemes, Devsaran, ThemeBrain and Dessign.

You can see Demo version of each theme by clicking on the name of the theme or the preview image.

SoftElegant - Multipurpose Creative Drupal Theme

Features

  • Responsive theme
  • Quickstart package: Drupal 7.19 + All required modules are included.
  • Lots of Theme settings: easy config in admin panel
  • Twitter Bootstrap: tables and buttons
  • Twitter Bootstrap Glyphicons
  • 1,2 or 3 columns
  • HTML5 and CSS3
  • Views module themed: pagination and gallery
  • Fixed and fluid width you set
  • Unlimited colors: regions, links
  • Responsive Views Slider. Please see the demo
  • Google Web Fonts or your custom font
  • Themed drop-down Superfish menu module
  • Themed Quicktabs module
  • ~20 Block Regions
  • Beautiful Typography
  • CSS3 buttons
  • jQuery Tooltip
  • Pricing Tables included
  • SEO ready
  • Easy Cutomization
  • Detailed documentation

FontFolio Responsive Theme

Features

  • Clean, grid based, 2 column theme
  • Responsive layout
  • Can be used as design for the Shopping Cart
  • Easy setup for Multilingual websites:
    • Links to frontpages in all Enabled languages will displayed at the end of main menu and will get slightly different styles.
    • Full RTL support
  • Views support. You can apply FontFolio default grid style, thrugh Views UI, to any view that use "Unformatted list" format.
  • Theme settings options:
    • Social networks Icons. Theme settings contain optional URL filed for each of enclosed Icons (Facebook, Twitter, Google+ and Dribble).
    • Checkbox to Hide or display Page Titles on taxonomy term (category) pages

Responsive Blog

Features

  • Responsive, Mobile-Friendly Theme
  • 1-column and 2-columns layout support
  • 2 pre-designed color schemes (White and Dark)
  • A total of 12 block regions
  • Configurable layout : Sidebar can be Right or Left
  • Mobile support (Smartphone, Tablet, iPhone, Android, etc)
  • Configurable jQuery Cycle Image Slideshow
  • Multi-level drop-down menus (Multilingual support)
  • Minimal design and nice typography
  • HTML5 & super clean markup
  • Facebook, Twitter and other Social Icons

 

Responsive Business

Features

  • Responsive, Mobile-Friendly Theme
  • Simple and Clean Design
  • 1-column and 2-columns layout
  • Mobile support (Smartphone, Tablet, Android, iPhone, etc)
  • Flex Image Slideshow with Caption (Customizable)
  • Multi-level drop-down menus (Multilingual menu)
  • HTML5 & super clean markup
  • A total of 12 block regions
  • Drupal standards compliant
  • Minimal design and nice typography
  • Ideal for business, company and portfolio sites
  • Extended footer area with 4 footer blocks
  • Detailed CSS rules for Typography, Forms Elements, Node Teaser, Comments, etc.

Professional Theme

Features

  • Responsive, Mobile-Friendly Theme
  • 1-column, 2-coumns and 3-columns layout support
  • A total of 12 block regions
  • Mobile support (Smartphone, Tablet, Android, iPhone, etc)
  • Flexslider (Responsive Slider)
  • Multi-level drop-down menus (Multilingual support)
  • Supported standard theme features: site logo, site name, site slogan, user pictures in comments, user pictures in nodes, favicon
  • Use of Google Fonts and Nice Typography
  • Drupal standards compliant
  • HTML5 & super clean markup
  • Professional, Minimal and elegant design
  • Ideal for corporate, business and personal sites
  • Detailed CSS rules for Typography, Forms Elements, Node Teaser, Comments, etc.

Premium Responsive

Features

  • Responsive, Mobile-Friendly Theme
  • 1-column and 2-coumns layout support
  • Color core module integration (with 2 Color Schemes)
  • A total of 11 regions
  • Mobile support (Smartphone, Tablet, iPhone, Android, etc)
  • Flexslider (Fully Customizable)
  • Drupal standards compliant
  • Multi-level drop-down menus (Multilingual support)
  • Minimal design and nice typography
  • Supported standard theme features: site logo, site name, site slogan, user pictures, favicon
  • Configurable layout : Sidebar can be Right or Left
  • HTML5 & super clean markup
  • Use of Google Web Fonts and Social Icon links
  • Detailed CSS rules for Typography, Forms Elements, Node Teaser, Comments, etc.

Skeleton

Features

  • Responsive, Mobile-Friendly Theme based on Skeleton Boilerplate
  • Color core module integration (with 2 extra Color Schemes)
  • 1-column and 2-columns layout support
  • Column Shortcodes with Media Queries (one_third, one_fourth, two_thirds, one_half)
  • Superfish module Support
  • Linked Superfish menu colors with Color core module
  • Multi-level CSS drop-down menus
  • jQuery Responsive Menu Plugin which turns your site's navigation into a dropdown select list when your browser is at mobile widths
  • A total of 10 regions (Header, Highlighted, Content, Sidebar first, Featured left, Featured right, Footer first, Footer second, Footer third, Footer & Help)
  • Cross-browser CSS3 buttons in various colors and sizes (white, gray, black, lightblue, blue, darkblue, lightgreen, green, darkgreen, lightred, red, darkred, yellow, orange, brown small, medium, large)
  • Blog core module support
  • Support for standard Drupal theme features: logo, site-name, slogan, user pictures in comments and nodes
  • Detailed CSS rules for:
    • Typography
    • Feed Pages
    • Comments
    • Comment form
    • Contact form
    • User pictures in Comments
    • Forum core module pages
    • “Read more”, “Comment” and all other buttons
    • User profiles

Corporate Clean

Features

  • Responsive layout (7.x-2.x)
  • Color module integration
    • "Alignment" Color Scheme
  • Simple and clean design
  • Drupal standards compliant
  • 12 Regions: Navigation, Search area, Highlighted, Content, First sidebar, Banner, Footer first, Footer second, Footer third, Footer, Footer bottom right, Help
  • 1, 2 and 3-column layout support Read more about columns layout support
  • Superfish module Support Learn how to implement Superfish menus
  • Linked Superfish menu background/colors with core Color module
  • Multi-level drop-down menus (Multilingual menu support)
  • Jquery Slideshow based on the jquery cycle plugin:
  • Fully documented
    • Theme setting for adjusting the Slide show effect
    • Theme setting for adjusting the duration of the Slide show effect
    • Theme setting for randomizing the Slideshow order
    • Theme setting for adjusting the Slideshow "pause on hover"
    • Theme setting for preventing Slideshow from wrapping
    • Full HTML support for each slider item
    • Slideshow height is automatically adjusted by each slider’s content
    • Slideshow fades in on window load
  • Webform module ready
  • Breadcrumb display Theme setting for Breadcrumb display
  • Styled links-buttons (with CSS3 gradient background)
  • Supported standard theme features: logo, site name, site slogan, user pictures in comments, user pictures in nodes, favicon
  • CSS is organized in order to improve CorporateClean theme customization
  • Extensive CSS rules for:
    • 'Read more' and Comment buttons
    • Images into content
    • Drupal's Contact module form
    • Comments
    • Polls
    • Blogs
    • User profiles
    • Blocks
    • Search block
    • User login block/User page
    • Primary Tabs

Corked Screwer

Features

  • Responsive layout
  • Drupal standards compliant
  • 15 Regions: Header, Content Top, Navigation, Banner, Highlighted, Content, Sidebar First, Sidebar Second, Footer Featured, Footer first, Footer second, Footer third, Footer fourth, Footer, Help
  • 1, 2 and 3-column layout support
  • Built-in Superfish menu support and Superfish module support
    • Multi-level drop-down menus
  • Built-in JQuery Slideshow based on the jquery cycle plugin:
    • Responsive behavior
    • Fully documented
    • Theme setting for adjusting the Slideshow effect
    • Theme setting for adjusting the duration of the Slideshow effect
    • Theme setting for randomizing the Slideshow order
    • Theme setting for adjusting the Slideshow "pause on hover"
    • Theme setting for preventing Slideshow from wrapping
    • Full HTML support for each slider item
    • Slideshow fades in on window load
  • Featured area with custom responsive grid layout
  • Breadcrumb display Theme setting for Breadcrumb display
  • Styled links-buttons
  • Supported standard theme features: logo, site name, site slogan, user pictures in comments, user pictures in nodes, favicon
  • CSS is organized in order to improve Corked Screwer theme customization
  • Extensive CSS rules for:
    • 'Read more' and Comment buttons
    • Images into content
    • Drupal's Contact module form
    • Comments
    • User profiles
    • Blocks
    • Search block
    • User login block/User page

TouchPro

Features

  • Responsive layout
  • Powered by HTML5 and CSS3
  • Built like Drupal
  • Advanced Skinr Integration
    • Gives you the power to override layout settings per media query. This allows you to simplify the layout for tablets and smartphones in order to provide an optimal experience for all your users.
  • Sooper Slideshow Kit
    • Featuring your content in a slick looking slideshow has never been easier! Sooper SlideshowKit helps you build a slideshow configure it just the way you want. With Sooper StarterKit or with our documentation your slideshow is up in minutes!
  • Sooper DropDown Kit
    • Powered by SooperFish jQuery plugin, the DropdownKit offers multi-level animated menus, fully integrated with Drupals’ menu system. Everything about the menus can be finetuned with advanced configuration options!
  • Sooper Font Kit
    • The new Sooper FontKit (Tundra 1.0+) boasts Google fonts integration as well local fonts, giving you 569 fonts to choose from. Not enough? The FontKit Auto-discovery feature integrates any FontSquirrel generated font kit with the theme.
  • Sooper Background-Kit
    • The new BackgroundKit (Tundra 1.0+) creates any background you can imagine. CSS3 powers background gradients, fullscreen backrounds and translucent textures. All features are tested to work in Internet Explorer 7+.
  • Sooper Color Painter
    • Tailored designs by integrating all themes with Drupals’ color module. Create your color scheme in seconds with the Sooper Configurator, press save and watch how CSS and images are recolored to give birth to your unique design!

TB Sirate

Features

  • Flexible column width
  • Content types: book page, photo stream, polls, blog, articles, and forum topic
  • Standards-compliant XHTML 1.0 Transitional and CSS
  • Cross browser compatible on latest versions of IE-7, FireFox, Opera, Chrome, Safari
  • 6 colors of the design: light blue, blue, green, orange, violet, pink
  • Supported Modules
    • TB Mega Menu module is developed following Drupal standards and best practices. Along with those must-have functions of a mega menu: display not just menu items but image, slideshow, video, article and customize any of them upon your favour. More information here
    • Quicktabs (Accordion, Quicktabs, UI tabs)
    • Views Slideshow module (create slideshow with images taken from articles)
    • Views and Gallery Formater module to form a photostream
    • respond.js for IE 8 and 9 media query fixes

Comments

Annita Yegorova's picture

Recently, a week ago, the company "More than just themes" updated there BlueMasters design and now it is fully responsive!
Here you can find information about the theme itself, what's added and/or fixed: https://drupal.org/project/bluemasters
In order to view a live demo of the theme, click on this link: http://bit.ly/BlueMastersTheme

home's picture

Very interesting topic, thank you posting.

Yudi's picture

I love the theme TB Sirate
simple, attractive, and easy on the eyes.

Evra's picture

TB sirate now has TB Mega Menu built-in, it doesnt use Superfish anymore. And TB Mega Menu is a great module! Simple and innovative user interface. http://drupal.org/project/tb-megamenu

Annita Yegorova's picture

Thank you Evra! Good to have Themebrain who develops more and more useful modules and supports Drupal community!
I have recently made appropriate changes to the article.
Small correction in the URL of the module: https://drupal.org/project/tb_megamenu

creativeengg's picture

It’s hard to find experienced people on this topic, but you seem like you know what you’re talking about! Thanks

Annita Yegorova's picture

Thank you for the comment! We will post more interesting articles for curious Drupal enthusiasts.

Karbonn Price in India's picture

I like this post very much, You have defined it very simply for so I understand what you say, In this post your writing level is also excellent to us. This is great issue you have done on this topic really very well.

femme de menage's picture

Thanks for taking time and writing this great content on your website , i really enjoyed reading and for sure i will come back and i check your blog daily for new post