Introducing Mobile Theme: How to Get Your Website Mobile Ready with Newsmag Theme

The Newsmag Theme v. 4.8 brings you a new tool to help you make your website a great experience on small screen devices. The Mobile Theme is specially designed to maximize the theme performance on mobile devices. Read below to find out how to make your website mobile ready with the Newsmag Theme.

Every day you’re facing the ultimate challenge: creating excellent content while making sure it delivers in the right, astounding form to your audience. Yes, sometimes, navigating the web from mobile can be frustrating. The causes are multiple: some pages are slow on loading, banners blocking the content, a text is too small and hard to read, low-quality images, buttons that are too close to each other, and so on. To give the tools to solve all the issues, we built the “Mobile theme.”

What is Mobile Theme?

The Mobile Theme is a lighter, performance optimized template included in the Newsmag package and it loads ONLY on mobile devices. The Mobile theme comes with a dedicated template for pages, posts, categories, and more. It’s a new architecture that gives your audience an engaging way to interact with your website.

Newsmag Theme: Introducing Mobile theme

Carefully tuned, each template comes with optimal performance and excellent user experience. The posts have a predefined, clean format including all the features available on the main theme. On the homepage, it automatically renders a grid that contains featured posts and a latest posts section.

How does it work?

The Mobile theme ensures maximum performance. Once activated, a new panel becomes available in the Theme Panel area to allow you to customize various parameters for the “Mobile theme.”

How to install the mobile theme:

You can install and activate the plugin from your WordPress admin area > Newsmag > Theme Panel > Plugins.

tagDiv Mobile Theme: How to install

Customize pages for Mobile theme:

For Homepage, the “Mobile Theme” brings you a predefined page template that includes two sections:

  • top grid – displays three featured posts (posts included in the Featured Category)
  • latest articles – shows the latest articles

The template is displayed only if the page is set as a Static Page. You can check out the page settings in the WordPress Admin panel Settings->Reading section.

How to add images, custom HTML or text?

Do you want to bring custom elements into the Mobile Editor? Great. Just edit the page.

Newsmag Theme: Mobile Theme Adding Custom Content

On the front-end, you’ll find the custom elements displayed between the Top Grid and the Latest Articles section.

Newsmag Theme: Adding Custom Code to Mobile Theme

Important note:

Regular pages – The content of custom pages (ex. Contact Us page), present on the desktop version of Newsmag theme, are not displayed on the “Mobile theme.” The mobile version gives you the possibility to add content designed for mobiles. This offers you the opportunity to present the same content in two different ways, one optimized for desktops and another for mobiles.

Page builder elements – For optimal performance, you cannot use the page builder elements for the “Mobile theme” pages. If you want to display the same items on both mobile and desktop, deactivate the Mobile theme. Your website built on Newsmag theme will still look awesome on mobiles due to its responsive design. The Mobile Theme is optional, and it enhances the small screen user experience.

Newsmag Theme - Mobile Theme Options

Caching: The Mobile Theme works seamlessly with the WP Super Cache plugin. For more details, visit the Cache plugin – install and configure page.

The Mobile Theme Settings:

After the plugin is installed a new section called “Mobile Theme” appears in the Newsmag -> Theme Panel area. The options allow you to customize the look and functionality of the mobile theme, including the AMP.

Newsmag Theme: Mobile Theme Settings

AMP implementation

In Newsmag Theme v. 4.8, the tagDiv AMP plugin was discontinued. If you used the plugin before the update, you’ll find that the Newsmag 4.8 version disabled you website AMP functionality.

The AMP functionality is integrated into the mobile theme plugin for faster and better results. Furthermore, the settings from the mobile theme will transform your AMP pages into beautiful layouts. Read our Newsmag Theme AMP Tutorial to get the best results.

Newsmag Theme: Mobile theme with AMP setting

Wrapping up

The Mobile Theme is an optional tool you can activate to enhance the small screen user experience on your website. It gives you the possibility to customize the mobile appearance while optimizing the performance. This feature is so hot because it’s automatically optimizing your site. Moreover, it’s easy to install, customize, and use with stunning results. If you haven’t tried it yet, now it’s a perfect time!

Share

Alina S.
Alina S.
I am a WordPress enthusiast, digital and content marketer, copywriter, and sometimes storyteller. Originally trained as a journalist, I have a curious mind. I enjoy testing new technologies, discovering new ways to make things easier, and, especially, telling everybody stories about my discoveries. At tagDiv, my work focuses on designing great experiences for our visitors and customers.

Do you need any help with the Newspaper or Newsmag WordPress Themes? Please send us all the necessary details via email or create a new topic on our online forum. We're always happy to assist you.

  1. My Images are not showing in the mobile view and my links are not working while sharing on social media.
    The preview that shows when you share your link ain’t showing on social media, how can I fix that?

    • Hello,

      Please note that the mobile theme can be disabled for individual posts or pages from the Gutenberg editor using the following option from here -> http://prntscr.com/u28bhl Unfortunately, this account is not assigned to our support forum and that’s why, if you need more technical assistance, you have to open a new support ticket at our support forum from here -> https://forum.tagdiv.com/forum/newspaper/, where you need to provide more details about your problem and we are ready to help you.

      All the best!

  2. Hi, I recently updated the Newsmag theme to the latest release and activated Mobile + AMP in the theme panel.
    Installed WP Super Cache as recommended.
    I’ve observed that suddenly the mobile site stops working and the site’s responsive design starts getting displayed instead of the mobile theme.
    Deleting the Cache fixes this but it keeps happening. Can you advice on what could be the possible reason?

  3. I have faced a critical issue when i upgraded my website with Newsmag 4.9 on my Google Webmaster tools . That is “mandatory AMP HTML tag is missing from this document”
    Please Solve this problem and help me soon. otherwise my site is going through drain from Google Search Result.

    • Hi,

      Thank you for your positive vibes! Please note that we recommend using the AMP + Mobile theme functionality if you want to achieve better theme results.

      Thank you!
      Best regards!

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join our community

With over 2000+ fellow WordPress enthusiasts and digital creators

Black friday checklist , Black friday website , checklist 2024 black friday checklist , Black friday ecommerce checklist

2024 Black Friday eCommerce Checklist

Are you an eCommerce business owner gearing up for a successful 2024 Black Friday...
seo , what is seo , seo optimization

What is SEO – Strategies and Recommendations for Beginners

What is SEO? SEO, or Search Engine Optimization, refers to a series of processes to...
benefits of website maintenance website maintenance cost benefits of website maintenance

Benefits of Website Maintenance and Associated Costs

Simply having a website online is not enough; it must be well-maintained and regularly...
restaurant website template, cassio lovo pro restaurant website templates free website template homepage website restaurant ideas

Prebuilt Website Showcase: Cassio Lovo – Free Restaurant Website Template

Prebuilt Website Features: Cassio Lovo Cassio Lovo is a restaurant pre-built website template designed for...