rwd_mobile.md

layout	group	subgroup	title	menu_title	menu_order	version	github_link	redirect_from
default	fedg	E_rwd	Create a responsive mobile theme based on a default theme	Create a responsive mobile theme based on a default theme	4	2.0	frontend-dev-guide/responsive-web-design/rwd_mobile.md	/guides/v1.0/frontend-dev-guide/responsive-web-design/rwd_mobile.html

What's in this topic

The topic describes how to create a responsive mobile-specific theme using the default Magento approaches.

Creating a mobile-specific theme

To use all the responsive approaches implemented in the Magento out-of-the-box Blank and Luma themes, your theme should declare one of them as a parent.

To create a mobile-specific theme:

1. Create a theme as described in Create a theme, having specified Blank or Luma as a parent theme.
2. Add a <theme_dir>/Magento_Theme/layout/default_head_blocks.xml layout file with the following content:

{%highlight xml%} {%endhighlight xml%}

This will remove the desktop-specific files from your theme.

Recommended reading

• CSS in Magento responsive design