If you are using one of the blogging platforms listed below, we recommend you to follow the instructions for your blogging platform to ensure that Amazon ad units are visible on mobile devices.
Blogging Platforms
Contents
WordPress
Step 1: Login to your WordPress account.
Step 2: Go to the dashboard of your blog page.
Step 3: Click on “Appearance → Themes” on the side pane.
Step 4: Choose a theme which is responsive from the list of themes.
Step 5: The theme will take care of showing mobile version on mobile phones.
BlogSpot
Step 1: Login to your BlogSpot account.
Step 2: Click on “Design” on the top right corner of your blog page. This will take you to the template page.
Step 3: Click on gear icon under the mobile template.
Step 4: Select Yes - show mobile template on mobile devices.
Step 5: Click on Edit Html under Live on Blog template.
Step 6: Click on Jump to Widget and select the widget that needs to be shown up in mobile.
Step 7: To make it available in mobile view, add mobile='yes' attribute to it.
<b: widget id='BlogArchive1' mobile='yes' title='Blog Archive' type='BlogArchive'>
Tumblr
Step 1: Log in to your Tumblr account and click on the name of your blog.
Step 2: Click “Edit Theme” to open your blog's template editor. We must choose the right theme to display the ads properly.
Step 3: Click “Edit HTML” from the top. You will be taken to the HTML Code for the page.
Step 4: Choose where you want to display your ad and select “Paste” to place your ad code on your Tumblr blog.
Step 5: Click “Save + Close” to complete the changes.
Step 6: For mobile: go to customize theme → advanced options → use default mobile theme (ON/OFF).
On → it will serve mobile optimized version on mobile devices (Recommended Option)
Off → it will serve desktop website on mobile devices
Weebly
Step 1: Login to weebly.com
Step 2: Click on edit which appears next to your blog site. This will take you to editing your blog.
Step 3: Click on settings on the top.
Step 4: Choose to Display the mobile-optimized version of this website when someone visits from a mobile device under Mobile Section.
Squarespace
Step 1: Log in to your Squarespace account.
Step 2: Click on the gear icon at the bottom of the page.
Step 3: You will be taken to the settings page. Click on gear icon (settings) on the left pane.
Step 4: In that settings page, select general on the side pane.
Step 5: In that general page, scroll down you will get an option saying disable mobile styles.
Step 6: Click on the save button on top right corner.
