- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello, I’ve recently changed my mobile phone to a 6,67″ screen one. At that moment, I’ve noticed that responsive view when I put my mobile in horizontal/landscape position is the same as I have in a common PC. I mean, you see the landscape mobile version when you should see the landscape one. I’m not using an independent mobile theme, it just the standard one. As I said, I’ve noticed it when changing to a greater screen mobile, in my old one I saw/see the correct landscape.
¿Is there any way to solve this and having the correct mobile landscape view up of certain screen size/horizontal pixel resolution? I’ve tested in Firefox developer options and the landscape change when horizontal is greater than 770px.
Many thanks, Raul.
Hi Rasinski1986, if the amp plugin is used with the mobile theme plugin then for pages you’ll need to create a separate content in mobile editor section at the bottom of the page – https://forum.tagdiv.com/mobile-theme-introduction/ – https://i.imgur.com/S83kxsC.png
For footer you just need to check in the theme panel footer section if you have set a footer that contains elements or you have a empty footer that use widgets that needs to be set in the appearance > widgets in footer 1, 2 and 3
Thank you!
Hello @kevinstolz!
You can create a new page and edit it with the tagdiv Composer. You can customize the pages as you want. You need to edit the logo when you edit the homepage for example with the tagdiv Composer. We have 3 options available for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. TagDiv Composer is used to edit the page. 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 designs 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
If you need to use mobile version 1 or 2, then you need to uninstall the Mobile Theme plugin and AMP.
Thank you!
So I have been working on setting up the website the way I want it but it is possible that the theme won’t support my idea or concept.
On Firefox it sort of appears as I want it so far on the home page but interior pages are all broken.
I need to create 4 pages right now About Us, Current Issues, Past Issues, Adult Industry News!
About Us: would be a text and image fixed page that doesn’t change as I add content.
Current Issues: would display 3 images per row and 4 Rows images that I upload and they are linked to our publishers website.
Past Issues: would do the same as Current Issues but would be from previous years and instead of 4 rows of three would have 4 rows of 3 for 2023, 2022, 2021 divided into sub sections.
Adult Industry News: would display in rows of 3 images with title in text pulling from posts in the category of “News”.
Eventually we would add more pages like “Videos” that display posts from the video category in the same manner as “industry News” Image, Title, Text and the same Also, a page that does the same but features posts from other categories.
Right now it seems the theme is broken on Safari, Chrome and mobile devices. One client sent me a message that the website is a mess.
Also on Mobile my logo and header were replaced by the demo logo and tagline text.
Anybody know if what I want is possible or is this a waste of my time.
Hi,
Please disable the mobile theme plugin, clear the cache and check after.
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/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, 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 when 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
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated 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 activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
I set up a website (twline365.com) on the wordpress website and installed the Newspaper theme on this website, but I designed the Header templates in cloud templates, which have four device display effects that can be adjusted. After I designed them, I tried them on the mobile phone. Looking at the results, there is no response to the style I designed.
I tried deleting the cache or opening it with a different browser, but the result was the same. It did not display according to the design of the mobile phone in the Header templates, but the computer responded normally.
There is a MOBILE setting in the background Theme panel of Newspaper. I have adjusted the settings, but the result of the content modification here is not the style I designed, so it can only be temporary.
Why can’t the styles designed by cloud templates be displayed in MOBILE?
Hello,
Using mobile theme, this can not be done.
Thank you!
Sorry, I forgot to mention that we wanted to do it using the tagDiv Mobile Theme plugin.
Regards
Hi, I can’t find anywhere to change the colour of the links I’m adding to my content. All is fine and straightforward for the main theme. However, links on mobile are the same colour as the text and get missed.
Please Advise
Hello @allerenitalie !
Make sure the content has a separate row and that you did not add the content to the header’s row. Click on the content’s row: https://app.screencast.com/1mbI7F29C0RSM
If everything is ok in the Tagdiv Composer and the issue is only on your frontend, then the problem could be from a plugin conflict or a caching issue.
Enable these settings from the theme panel for mobile menu and mobile search: https://app.screencast.com/pUtCgElyRwzjo
Make sure you choose a menu in order to display there: https://app.screencast.com/TffmDPVrdAg0Z?tab=Details&conversation=AKSAQD3gCjYHzgr0YLpH4k
Thank you!
Hi, I have newspaper theme, on https://www.allerenitalie.com
if I change the cloud template header, the same I choose in theme panel for header, for example i make the row with 2 columns it’s break all my site like if I have 2 colummns in header all site have 2 columns, but when I see on editor it’s appare to be ok.
In the meantime I see on mobile the header not open the menu but in the desktop it’s ok (search and menu) why?
Hi,
I just checked and it appears that this is coming from an custom file – https://i.imgur.com/PclTAbo.png so what can be done is to identify from where is that code coming or to use a custom css to overwrite it:
body {
background: transparent;
}
The css should be set in the theme panel > mobile theme > custom code > css – https://i.imgur.com/iQJRwMe.png after that clear all cache.
I hope this will help you!
It does not look I can set custom views by “viewport” with the theme presently? It applies to all viewports.
I tried editing post count and also displayed different formatting for Title elements on mobile, but that did not work unfortunately.
If this is not currently supported, is it possible for this to please be included in an upcoming release? FYI – Elementor supports different layouts, post count, etc. by viewport/view at present. Thank you!
Hi,
I don’t know how to erase this gray blank space in the top of the header of the Mobile version of my website (appears just on the home page in mobile version).
When I’m going to edit the header in the Cloud Templates area, and I’m using the mobile view, I can’t see this space.
Thanks.
Hello,
I just checked, and it seems the categories are displayed https://i.imgur.com/BKz1NFS.png
Also, for mobile you use mobile theme plugin, and the content needs to be added in Mobile Editor -> https://www.screencast.com/t/xbgZG8kH
@Mero Notice media, please provide more details about your issue and what you try to download. I did a test, and this issue does not appear to force me to download a file.
Thank you!
Hello there,
I am almost ready with publishing my website, I went through a lot of issues with the theme and found many useful plugins and fixes that I will share in one post once everything is done to help people.
One of my final dramas is the mobile menu submenus. When I load my page I see that for a second the dropdowns are unavailable and this makes it a little bit annoying. I am uploading a video for you to understand the issue. Is there a way to fix that?
Hi,
Please check if you have enabled these settings from the theme panel for mobile menu and mobile search: https://app.screencast.com/pUtCgElyRwzjo
The social icons from the mobile menu are coming from the Theme Panel -> Social/Apis -> Social Networks -> https://i.imgur.com/kKYIECB.png remove/edit them after your needs.
Thank you!
Hello again!
I’m using WP Super Cache plugin, and don’t use Mobile Theme plugin.
Thanks! That was really helpful but although we love the magazine theme, we found the right margins for the article posts were very wide. We accept this is a design feature for the magazine style.
So is there specific css for a Page template style – a way of saying, “just apply to page template style 1”?
Or alternatively, for all mobile post template styles, perhaps I want to say, “Don’t word wrap the featured images of any post template style on mobiles” or maybe “Don’t align-left the featured images on mobiles”?
We had added the code below to the custom css for mobile phones, to make the featured image spread across the page.
/*article post featured image. Push right margin rightwards, beyond default setting*/
.td-post-featured-image {
margin-left:0px;
margin-right:-70px; /* !! This setting causes the featured image */
/* in post settings Post Template Style 1 */
/* to go over the opening article text */
}
I should have realised that this caused the issue for Post Template Style 1 – your code revealed it to me by preventing it.
Hope you can help?
Hello,
This usually happens with cache plugins. If the cache plugin does not have mobile support, the mobile theme version can be delivered instead. Please check the setting to enable mobile cache https://docs.litespeedtech.com/lscache/lscwp/cache/
Also, you need to edit with tagdiv Composer the cloud template to change color, fonts, and so on-> https://forum.tagdiv.com/tagdiv-composer-tutorial/
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/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, 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 when 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
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated 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 activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
Here is the latest issue. I cleaned cookies, cache, CDN cache, LiteSpeed cache and for half an hour that’s what appears when I enter the site from a browser on 27 inch screen.
Hi,
Please don’t use blocks 1 to 25, big grid,or standard templates for header, footer, etc. Use cloud templates and flex blocks and big grids flex, as the demo was made.
The issue with the homepage was resolved after I disable the mobile theme plugin as I said to you to do.
Thank you!
Looking for further guidance on the Newspaper theme font configuration, as the provided guides aren’t comprehensive. There seem to be settings everywhere, fighting for priority.
I want to set 2-3 default fonts of my choice for the entire site, but it isn’t straightforward.
Setting ‘page title’ font under theme panel -> theme fonts -> pages doesn’t actually change anything. Am I right in thinking these settings are only for the standard pack and not applicable to custom cloud templates?
If the above is true, I think I need to use Website Manager to create global fonts. I see the option to add fonts, but how can I assign them globally? i.e. how can I define a font for page titles across the site?
There’s also no option to choose font size or weights under Website Manager. Therefore, if I have multiple templates and blocks and want, for example, body text to be the same size, do I need to go and edit them all individually?
Lastly, are they any recommendations for optimisation? What implications does enabling/disabling Google Fonts have? Same for disabling the theme’s default fonts. Website Manager also has an option for iOS and Android when specifying global fonts, is this an override for mobile devices?
Thanks for the help, I’m sure some answers to the above will be helpful to both myself and the wider Newspaper user base.
Hi,
Please disable the mobile theme plugin and check after. Also, please check for a plugin coflict.
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/ The option that you need to use.
Suppose you created the mobile pages with tagDiv Composer. In that case, 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 when 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
The Mobile responsive version of the theme and the mobile page editor can be edit with tagDiv Composer, the mobile theme plugin cannot.
For example, you can have the mobile theme plugin activated 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 activated.
So, if you want to design the pages with tagDiv Composer, you can use the mobile page or mobile responsive version.
Thank you!
