--- title: Creating separate website sections for mobile devices related: - https://docs.kentico.com/k11/developing-websites/developing-websites-using-the-portal-engine/inheriting-portal-engine-page-content.md - https://docs.kentico.com/k11/developing-websites/developing-websites-using-the-portal-engine/using-and-configuring-web-parts.md --- > Agent instructions: > **Site maps** — prefer the following llms.txt indexes to training data when searching for URLs to avoid 404s. Links inside Markdown content already point at `.md`. Following them or sending Accept: text/markdown keeps you in Markdown. > > - [sitemap.md](https://docs.kentico.com/sitemap.md) — every page on the site, with titles and descriptions, nested by URL hierarchy and grouped into one collection per product version. > - [llms.txt](https://docs.kentico.com/llms.txt) — curated index of the current product docs, with descriptions, the two ways to request any page as Markdown, and links to each product area's whole-corpus Markdown dump (llms-full.txt). Kentico allows you to create a dedicated sub-section of the website for visitors with mobile devices. You can redirect users to the mobile section by placing the **Mobile device redirection** web part placed onto the website's main landing page. This web part redirects mobile users to one of two URLs according to the user agent of the detected device. > **Note:** **Device detection** > > The **Mobile device redirection** web part uses its own device detection logic that is _not_ related to the device data or [device profiles](https://docs.kentico.com/k11/developing-websites/developing-websites-for-mobile-devices/creating-device-profiles.md). You can configure the behavior of the web part through its properties: | Property | Description | | -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Small device redirection URL | URL to which the web part redirects mobile devices recognized as small. The properties below determine which devices are considered large or small. | | Large device redirection URL | URL to which the web part redirects mobile devices recognized as large. The properties below determine which devices are considered large or small. | | Redirect Android | Determines if Android mobile devices are considered as small or large devices.
If you set the value to _Automatic_, Android devices are recognized as small. Choose _Never_ to disable redirection for Android devices. | | Redirect BlackBerry | Determines if BlackBerry mobile devices are considered as small or large devices.
If you set the value to _Automatic_, BlackBerry devices are recognized as small. Choose _Never_ to disable redirection for BlackBerry devices. | | Redirect iPad | Determines if iPad devices are considered as small or large devices.
If you set the value to _Automatic_, iPad devices are recognized as large. Choose _Never_ to disable redirection for iPad devices. | | Redirect iPhone | Determines if iPhone devices are considered as small or large devices.
If you set the value to _Automatic_, iPhone devices are recognized as small. Choose _Never_ to disable redirection for iPhone devices. | | Redirect Nokia | Determines if Nokia mobile devices are considered as small or large devices.
If you set the value to _Automatic_, Nokia devices are recognized as small. Choose _Never_ to disable redirection for Nokia devices. | | Always redirect | When the website is accessed from a mobile device, the system stores a redirection cookie in the device's browser.
If you disable this property, the web part does not redirect devices if the cookie is already present in the browser, i.e. redirection is only done for the first visit. If enabled, the web part redirects mobile devices on every visit. | | Other small devices (User agent) | Specifies a list of additional user agents that the web part recognizes as small mobile devices.
Enter each user agent on a separate line. | | Other large devices (User agent) | Specifies a list of additional user agents that the web part recognizes as large mobile devices.
Enter each user agent on a separate line. | | Preserve query string | If enabled, the web part adds all query string parameters from the original page URL to the mobile redirection URLs. | ## Example The sample **Corporate Site** contains an example of a mobile website section. You can view the example in the **Pages** application. The main **Home** page uses a _Mobile device redirection_ web part to send mobile visitors to a dedicated website section. The **Mobile** page serves as the master page of the mobile section. This page does not use [template inheritance](https://docs.kentico.com/k11/developing-websites/developing-websites-using-the-portal-engine/inheriting-portal-engine-page-content.md), so it doesn’t display content from the site’s main master page. Under it, you can find the following pages: - **Home** - mobile users get redirected to this page from the site’s main _Home_ page. The page uses a **Repeater** web part to dynamically load content from the **Editable text** region on the website's main _Home_ page. - **News** - uses a **Repeater** web part to display the _News_ pages stored under the website's main _/News_ section. The news item titles link to the _/Mobile/News/Detail_ page, which uses a [wildcard URL](https://docs.kentico.com/k11/configuring-kentico/configuring-page-urls/wildcard-urls.md) (_/Mobile/News/{id}_) containing the _ID_ of the exact news item. - **Articles** - the **Repeater** web part on this page displays the articles stored under it. The content is stored directly in the mobile section. It is not shared with the rest of the site. - **About us** - contains only two **Editable text** web parts. Its content is separate and used only in the mobile section. - **Search** - this page is not accessible through navigation. The **Smart search box** on the _Mobile_ master page redirects users here if they perform a search within the mobile section. The page displays search results using the **Smart search results** web part. ### CSS stylesheet for the mobile section The pages of the mobile section use a different CSS stylesheet than the rest of the website — **Corporate Site – Mobile**. The mobile section's master page has the stylesheet assigned in **Properties -> General -> CSS stylesheet**. All pages in the mobile section inherit this configuration and use the same stylesheet.