Learn More





Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, responsive skinmobile responsive skin
New Post
10/27/2013 5:22 PM

What is the best method for making an existing skin optimized for mobile. I would like to make my existing site (or at least some pages) able to show or hide content depending on whether user is accessing from a mobile tablet or desktop. Are there any built in components in DNN for this? 



New Post
10/27/2013 8:24 PM


The built-in mobile functionality in DNN helps you to create redirection rules to route mobile device users to a specific page on your site or to a totally different site (such as a dedicated mobile site). It also allows you to create site-groups for single-sign-on + cross-site-module-sharing.  Neither of these is what your question was about... just giving you some insight into some of the mobile capabilities within DNN.

In order to show/hide various panes in your skin you'll need to update the skin's .ascx file and the skin's .css file at minimum. Essentially you'll add a media query to the .ascx file to determine the width of the viewport that's viewing your site and then you'll point to various styles in your skin's css file based on the media query results.

Amelia Marschall Miller from Gravity Works has presented several times on making skins responsive. You should check out here slides on how to make a site responsive. You can find the slides here:

as well as checking out this video where she walks through the process: 

Hope this helps!


New Post
3/28/2014 5:43 PM
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, responsive skinmobile responsive skin

These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
Try Evoq
For Free
Start Free Trial
a Demo
See Evoq Live
Need More Information?