- 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
- TutorialsFrom WPBakery to tagDiv Composer
- NewsmagSmart list ads
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
I am using the mobile theme plugin. When I create a page, I can see the page on desktop, but on the mobile version the page displays the message “no mobile content”. Any tips?
Hello,
I’m having trouble getting the mobile site configured on my website – CommandEleven. I’ve turned both the mobile theme and AMP off currently, because I’m unable to get the content to display at all on the mobile versions of the pages.
Can anyone help?
Best – Khalid
Hello,
I pasted the following CSS for the highlighted links:
.td-post-content a {
text-decoration: none;
color: #000!;
font-weight: 700;
position: relative;
}
.td-post-content a::before {
content: “”;
background-color: hsla(196, 61%, 58%, .75);
position: absolute;
left: 0;
bottom: 3px;
width: 100%;
height: 2px;
z-index: -1;
transition: all .3s ease-in-out;
}
.td-post-content a:hover::before {
bottom: 0;
height: 100%;
}
However, I am facing a different problem now. All the hyperlinks are not being highlighted. Sometimes, the ones that are not underlined and highlighted on desktop devices are underlined and highlighted on mobile devices.
For example:
Link: https://wirefray.com/tarantula-nebula-spider-silk-spotted-by-webb-space-telescope/
Desktop:
https://snipboard.io/X14uw7.jpg
See the red lined part
Mobile:
https://snipboard.io/sXgAB7.jpg
See the red lined part.
I think the problem arises when the hyperlinked text goes on till the next line.
Please tell me know how to fix this. Also, let me know how to tryout different colors for the underline and highlighting.
I have a question, please refer to the image I provide from the mobile device. See, that the font is different from that shown on desktop devices. The text font seems bolded and appears to use a different font.
I want everything to show up like it does on desktop. I even tried copying the desktop theme for mobile devices but it yielded no results.
Please answer these questions separately for each problem so that it is easy to understand.
Thank you.
Regards.
Hi,
I’m trying to replace the default desktop (and mobile) menu with an alternative menu (I tried the Max Mega Menu plugin) but I can’t get it to show up. Is there a specfic component/shortcode I need to use in my header template? It seems like the “header main menu” component doesn’t support menu’s from other plugins?
Kind regards,
Robin
Thank you. I did eventually manage to edit it but I used the backslash — when you hover over the header date, it tells you what to do to remove an element, like the day. YES!
I will study the mobile page situation a bit more. I did create a mobile page but unfortunately, I was not able to edit it. The message said that I had to use the Cloud header template. That’s confusing, because none of them look like the Amsonia sub-theme. How should I proceed to edit the mobile header in the Cloud?
Hello @rjsurjo!
Here you can remove/set a picture for mobile menu background: https://www.screencast.com/t/x3Xrln2b88x
And the background color here: https://www.screencast.com/t/PbU3hQpDqHh
If you use the mobile theme plugin, then check the settings in the theme panel -> mobile theme -> mobile menu/search background and theme panel -> mobile theme -> theme colors -> mobile menu.
Hope that helps you!
Thank you!
Hello @reufjaha !
I’m sorry to hear about this. Please note that every page speed needs some improvement, and it is not enough to install a plugin alone because there are many factors which can affect your page speed quality.
Some factors which you need to take into account are:
External factors: server speed, if you are using CDN or not, the external resources loaded by your website like ads, fonts, tracking scripts like Facebook Pixel, Google Analytics, Twitter analytics, Hotjar and so on.
Internal factors: the number of elements on the page, image size, image formats, if you are using mobile optimized layouts, console errors, if you are using the Standard Pack plugin or not, if you are using the PRO demo or a standard one.
https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
Please check the tutorials from those platforms gt metrix and Google Pagespeed Insights and I’m sure you can increase the page speed.
Please note that page speed is not covered by the support team: https://forum.tagdiv.com/newspaper-theme-support/
Thank you for understanding!
I’m a bit unclear on how to edit the mobile pages (#2 option). When I click on “mobile” to the right of the tagDiv button, it gives me a drop down menu that is different from the one that is shown in your 10.3.7. Update link.
Instead, I see three choices: 1 “load mobile page from Cloud” or 2 “create blank mobile page” or 3 “no mobile page, please create or import mobile page” and then
4 “Documentation”. Only the first two are active links.
Please advise how I can follow the instructions outlined in the 10.3.7 update link
I am using the mobile theme plugin. When I go to the theme panel > mobile theme > I changed the gradient and the background image for search/menu. No changes happen. The only way to change the gradient is in custom CSS. How can I fix this?
Hello @christopherkevil8838!
You need to drag and drop the element onto your page and not just click on it.
You can adjust the logo differently in the mobile viewport: https://www.screencast.com/t/XDQJedlggSB, so then it will fit there.
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
For the option 1 and 2, you need to uninstall the Mobile Theme plugin.
Thank you!
Hello @rjsurjo!
Unfortunately, there are no settings to customize that.
When you enable the mobile theme plugin with AMP, then it will overwrite the templates with their layout. This layout has some settings only in order to customize the design. These settings can be found in the Newspaper -> Theme panel -> Mobile theme. More information can be found at https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/. Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
For the option 1 and 2, you need to uninstall the Mobile Theme plugin.
Thank you!
Hi,
So I was able to insert a mobile menu. I changed the “select menu” setting to main menu, however, when clicking on the 3 bars, nothing happens.
Hello @edragon!
Strange, because the amp and mobile theme work well together for me.
If you like, we can take a look and check if everything is alright and inspect why it is not working for you.
Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– cpanel url and credentials
– a link to this topic in order to identify you
Thank you!
Thank you, Bettina! I see where I can add the header date I can’t see where it goes after I click it? Where is it?
I think I may have to put it back into the header since my header logo it too wide.
On a related issue, I can see that on the mobile portrait view of site omits my header logo completely and instead substitutes the Amsomia default menu. In the landscape view and the tablet view, the correct header is displayed, even if it is squeezed with the Email US button on the right side is pushed to the center.
So it looks like my header logo is too big for the banner and I will have to reduce its width. What is the maximum width of the header logo I can use so that it looks good in both mobile views?
Also how can I change my header logo?
Hi Bettina,
The mobile view for single posts works also as expected, it’s just the category view that doesn’t show the mobile view.
Cheers
Ian
Please help me, i want remove header and meta from mobile / amp version, please help me how to remove this from my site / theme…
Hello Jose!
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
For the option 1 and 2, you need to uninstall the Mobile Theme plugin.
Thank you!
HI Bettina,
Thanks for the information.
I created the mobile page from the back office via the plus icon that appears when hovering over mobile template, I selected the copy option.
When I edit the mobile template it is not empty and looks like the main template that i copied from.
The mobile template I have set for the home page works as expected but it is the mobile template for the category posts which doesn’t display.
Regards
Ian
Hello @cashflow270!
Here you can remove/set a picture for mobile menu background: https://www.screencast.com/t/x3Xrln2b88x
And the background color here: https://www.screencast.com/t/PbU3hQpDqHh
If you use the mobile theme plugin, then check the settings in the theme panel -> mobile theme -> mobile menu/search background and theme panel -> mobile theme -> theme colors -> mobile menu.
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
For the option 1 and 2, you need to uninstall the Mobile Theme plugin.
Thank you!
Hi Bettina
We do use Mobile Theme plugin, and the problem is that if I switch AMP ON it ruins mobile menu, if AMP is OFF mobile menu works perfectly with Mobile Theme plugin. At the moment we switched AMP off and everything works as it should, but previously AMP was on or whenever you turn it ON it, mobile menu is locked, it shows a full menu with submenu and if there are more than 10 then the rest of the menu is not accessible anymore. This means that MOBILE+AMP, like it has been shown in tagDiv AMP Plugin Tutorial, does not work together properly. I tested it with other website and the same thing happened so I am pretty sure that you can repeat that process too.
Hello @Edragon!
In order to disable this option “Exit mobile version”, you need to disable this setting: https://i.imgur.com/LxpDtB2.png
The AMP works better only with the Mobile Theme plugin. From my point of view, if you don’t use the Mobile Theme plugin, then there is no reason or benefit to AMP. Please read all about AMP here: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
It comes with its own templates/design for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. Documentation here:
– https://forum.tagdiv.com/the-mobile-theme/
– https://forum.tagdiv.com/mobile-theme-introduction/
Thank you!
hi there,
i’m using newspaper for a while now, and i’m used to his headache, but this error happens sometimes and i do not know how to solve it.
as you can see in this post, newspaper, completely lost the template, if i click to apply the correct template, it will set the template correctly but since i do not know when the template go crazy, for me it’s very hard to go around this issue.
please check this article : https://elettronauti.it/lucas-di-grassi-accusa-sebastian-vettel-di-greenwashing/
as you can see the template is not set, (no header and footer).
here you can see another article with the template set correctly : https://elettronauti.it/5-buoni-motivi-per-scegliere-una-auto-elettrica/
how can i completely fix the problem ?
there are any way to assign my template to the default template?
or there are any way to modify the default template?
ps. i have templates for different languages, and also for mobile.
i can’t check all the articles everytime.
please check this other screenshot:
https://ibb.co/ypkKmw6
https://ibb.co/qkbZwRC
Thanks
Hello Ian!
Did you build the mobile page or it is empty while you edit it with the TagDiv Composer?
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
For the option 1 and 2, you need to uninstall the Mobile Theme plugin.
Thank you!
Hello,
My site is evolucionsuperior.es
I designed the site three years ago.
After latest updates of the theme the responsive pages are not working well.
Do I need to create a brand new mobile page for each section? Can’t the responsive be activated like it was two years ago? (that worked automatically)?
Thank you
I think I fixed it by creating a mobile page. Thank you. I had to do a lot of research to understand how to do this, though.
