What image assets do I need to create to build a new mobile-responsive website theme?

What image assets do I need to create to build a new mobile-responsive website theme?

In order to change the theme of a site, you will need to click on Settings > Theme.

The mobile-responsive site will look the same for all website themes when displayed on a mobile device.

NOTE: Borders are added to show transparent/white space areas

Go to Radio888.socastsrm.com to see the full site built with these images.


All Mobile-Responsive Sites:
Go to Radio888.socastsrm.com on a mobile device to see the full site built with these images.

Mobile Home Screen Logo:

114px by 114px – Transparent PNG

Mobile Site Header Background Image:

1024px by 150px – JPEG or PNG



    • Related Articles

    • Mobile Responsive Theme Settings

      Learn More: What image assets do I need to create to build a new mobile-responsive website theme? How Do I Customize My Mobile Site Header Logo? How Do I Customize My Mobile Header Background Image? How Do I Change The Mobile Site Header Background ...

    • How Do I Add A Header Image To A Page?

      This Article Is For: All users who have: Manage All Pages or Manage Selected Pages Permissions This is applicable to: All themes These are the instructions for setting/adding a page header image. Step-by-step guide Go to: Website > Pages Click on ...

    • How Do I change the Hero in Theme 3.0?

      This Article Is For: Clients with access to the Theme 3.0 Users who have the ‘Manage Heroes’ permission Step-By-Step Instructions Website > Website Settings > Theme > Theme Editor > Heroes Configure the website hero and the appearance of all heroes ...

    • How Do I Add A Video Hero In Theme 3.0?

      Here’s how to make a visual impact on your website with video heroes.  Go to website > website settings > theme > launch theme editor > heroes Once in the Heroes section, click either ‘create new’ or edit an existing hero. Once in the hero, scroll ...

    • Theme 3.0: Footer Settings

      This Article Is For: Clients with access to the Theme 3.0 Users who have theme & website settings permissions Configure the appearance of the website footer at the bottom of the website. Step-By-Step Instructions: Go to: Website > Website Settings ...