- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHeader ads
- NewspaperPost template ads
- NewspaperCustom ad spots
- NewspaperMain Menu
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
Hi Anamaria,
thank you for the prompt reply and the assistance!
I followed your recommendation and used the live header search, problem solved!
For social icons, on reading your screenshot I eventually realized my problem is in the social icons that appear in the mobile menu (clicking on the “sandwich” top-left), as next to facebook and linkedin there there is also the email icon/link which is not in the social icons in the footer desktop version. I am looking in the theme/composer settings but I can’t find from where can I manage that menu. Of course I don’t mean the menu itself, I am trying to reach and manage those icons that appear just above the menu.
Regarding the other errors, I understand what you said regarding the design of the theme, although with the only addition of a free plugin I am using it’s scoring pretty high, just below the pass threshold.
Is there any way I can add some code to flex blocks so that the image too has a description attached to the link?
Again thank you so much for the help!
Paolo
Hi there,
I also can update mobile theme to AMP, it keeps loading while im trying to save
Hi,
Please provide some screenshots.
Using our theme you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
If you created the mobile pages with tagDiv Composer, then when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
So, the mobile responsive is what you see then that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin not.
For example, you can have the mobile theme plugin activate and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activate.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Better deactivate the mobile theme plugin and see the results, and assign the mobile page for page, like this => https://www.screencast.com/t/lektAhyjd
Also, clear your cache.
Thank you!
Hello Newspaper Theme Support Team,
I hope you’re doing well. I recently installed the Newspaper 12 theme and noticed a significant difference in the mobile view design compared to the demo site. The mobile layout and certain design elements on my installed theme do not match what is shown in the demo.
Could you please help me understand why this discrepancy exists and guide me on how to achieve the same mobile design as seen in the demo? Any assistance in replicating the demo site’s mobile layout would be greatly appreciated.
Thank you
Hi u2them, this can be done using the tagDiv Composer – https://i.imgur.com/T21lqxg.jpeg select the mobile view port, then the row you want to hide and use the css tab to hide the element – https://i.imgur.com/Db4bCtl.png
I hope this will help you!
I’m not using the separate mobile layout, just want to hide certain items on mobile, like an entire row. Seems like this should be super easy, like a hide button, but don’t see anything. Maybe a line of CSS for the row?
Yes, I created all the pages of the site in the mobile version, adapting the style.
I know there is your version, but it is not possible to modify it by inserting forms.
Hello,
Did you have created a mobile page?
Thank you!
Thanks for the check.
The problem occurs a few times and the same thing also happens on the mobile homepage, created by me. But I don’t understand the reason.
For example, this is the incorrect display of an article from mobile (IOS iPhone). Where the header changes:
Here is the exact visualization of what it should look like:
It seems that the theme, from desktop and from mobile, does not work correctly.
Calin, good morning. See… it doesn’t make sense to display only a few items (4) on mobile and all items on desktop. Where were these just 4 items configured? I hope it was clear
Good morning, Calin. Thank you for the return. I will try to clarify:
for example – if you access “notícias” via mobile you will see that there are three “tags” – but I don’t just have these three tags, I have several others related to news. I need guidance on how to include them all.
thanks
Hello,
Where i find the translation section for mobile theme? even if the translation on theme is made in other language, on mobile shows in english. Thanks (www.bacau.net)
Hi Bettina,
I’m still struggling to get the fonts working how I would expect. Currently creating a new website locally and have the following settings:
Use Google Fonts, Use Google Fonts On Mobile, Load Default Fonts – all disabled as seen here: https://imgur.com/a/lbEMGqF
Then, under Website Manager, I have three defined Global fonts – as seen here: https://imgur.com/cytGDhz
Lastly, when creating a page, one of the three Global fonts defined above is set for each element.
Everything looks good in the page creator, yet when I view the published page none of the fonts are loaded. I have to turn ‘Use Google Fonts’ back on in order to get the set fonts to appear.
There are no third-party plugins installed and no caching.
Where am I going wrong?
Hello,
Please let me know what template you use, a cloud or standard template.
Do you have created a mobile page? You must convert the header and footer -> https://www.screencast.com/t/HrjOBNayd to be able to edit with tagdiv Composer. Please check this video https://www.youtube.com/watch?v=SpGkOnJeNZY
Thank you!
Hi, sorry, I didn’t saw the second image – https://i.imgur.com/GPz3vyP.png from what I can see on mobile it is used the mobile theme plugin and the image display the category page, now the mentioned elements seems to be the rest of the categories and should go to those categories. I just checked some of them and those are correctly working, but you have some categories without articles and those category pages will be empty.
Thank you!
I do NOT want to design a special mobile view. I want whatever I create for desktop to have an optimized mobile view. I would rather design an optimized mobile view that looks decent on desktop because data shows most of my web visits are from mobile devices, but now on my phone there is a BLANK page where content used to be after I started playing around based on your detailed note above. God knows what I checked/unchecked to go from a header messed up site to a good header and zero content on my mobile phone. My tablet shows content for the site but now the header is wider than the page, that was not happening before but at least unlike my mobile phone the tablet does show content on the pages. I am so frustrated.
Now I have ZERO mobile view. I preferred a messed up one to none. How do I revert? Is there a history option that I can go back in time. So you gave a lot of instructions but not geared to if you want this, do this. So I was busy clicking and God knows what I have messed up. How do I go back to my messed up mobile? I want it fixed but I would rather have some mobile view than none.
WHATEVER I did, now the header is fixed but there is zero content in mobile. UGH!
Also, what I saw when I clicked the mobile edit as you showed, is NOT what I see on my phone so there is another disconnect. On my phone when I enter the website I do see the cover and the header is what I was complaining about, but when I click the mobile as per your screenshot, the header is fine but the cover page does not show and it repeats to infinity the page it does show. UGH! I am going to go with what I see on my phone. While it has a header issue, it is otherwise fine. While the header is fine on the other mobile view, the page is not.
OK, so why isn’t the cover the first page on the mobile view but it is on the desktop?
Also, the mobile view seems to repeat my pages as I scroll down? I just want to have this site up. I have been tinkering with it for too long and my goals for launch have been shot. I thought this would have been easier. UGH!
The only workaround I can find is to go to any mobile template and edit the mobile header template from there. I cannot find any option to view all my templates, regardless if they are mobile or not.
When I import a mobile template and want to modify the Header, it says that it cannot be modified. I also cannot modify the Header of the mobile template in Header and Footer Templates
Hello,
Many factors influence the page speed. If you create a mobile page, you can have a shorter page, meaning with fewer elements on it, so that it loads faster.
Please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/
Thank you!
Hello,
Please don’t use the AMP plugin because it is deprecated. You need to use the composer, select the viewport for the phone and try there to fix the header.
Using our theme you can choose from 3 mobile versions
-> mobile responsive => https://www.screencast.com/t/oJ2ShOp47
-> mobile theme plugin => https://forum.tagdiv.com/the-mobile-theme/
-> mobile page => https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
If you created the mobile pages with tagDiv Composer, then when you install the Mobile Theme plugin, your pages will be overwritten by the plugin (the mobile theme comes with its templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout, the page content is made without builders in mobile editor => https://www.screencast.com/t/xbgZG8kH also, the options that are provided to edit the mobile theme version are limited (this keeps the things simple)).
This is a video about Responsive Newspaper Theme, AMP & Mobile Theme, Mobile Pages & Templates -> https://www.youtube.com/watch?v=SpGkOnJeNZY
So, the mobile responsive is what you see then that you select the viewport on phone => https://www.screencast.com/t/matV17hH, so some settings may apply for each viewport(where is the border blue), and others are not(where the border is black).
The mobile page has the mobile templates from Cloud Library => https://www.screencast.com/t/YCcZ8rL8
Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin not.
For example, you can have the mobile theme plugin activate and use the mobile page/mobile responsive version for the homepage/pages, but for the categories pages/404 page you can’t use the mobile page/mobile responsive version if you have the mobile theme plugin activate.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Better deactivate the mobile theme plugin and see the results, and assign the mobile page for page, like this => https://www.screencast.com/t/lektAhyjd
Also, clear your cache.
Thank you!
In the Tutorial theme panel settings, there is a section called mobile theme to access mobile settings in the plugin’s settings. That block is not there for me. Under plugin settings, I only have one option, and that is multipurpose. The mobile setting is not there. I was hoping some info there would help me fix my header on mobile.