- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Well, I don’t know what you’d consider a Mobile Template. But, if you mean by creating a Mobile template from the Homepage Template, then yes.
Hello,
To display the ad in the header of mobile, you need to edit with tagDiv Composer, select the viewport on phone, add a row and in the row add “ad box” and set the code for the ad.
Thank you!
Hello,
The mobile theme comes with its own templates, so please let me know what you want to change. Most of them can be done only with custom code CSS.
Thank you!
hello
After last week’s main size adjustment problem, the time to display images on the first load has drastically decreased.
① You can see an unknown black line at the top. This is a similar issue to seeing white lines after first purchasing the theme.
② There is a bug where a white line flickers for 1-2 seconds when you move down from the mobile main screen and then up again.
Hello,
So do you use the mobile page template for mobile content, right? For this please make sure that you are using a cache plugin that has mobile cache support, if you are using the WP Super Cache, make sure it is set as in our guide – https://forum.tagdiv.com/cache-plugin-install-and-configure/
Thank you!
Hello,
You can disable also, the mobile theme for cpt -> https://i.imgur.com/PsX5zT0.png
If you don’t mean this please give me more details, and screenshots.
A solution for sending a screenshot/video is this:
Download, capture, and send: https://www.techsmith.com/jing-tool.html
After making the screenshot, you will have a link; paste it here.
Thank you!
My website readerhorizon.com has a banner at the very top header, and I can see it displays on desktop pc. However, I cannot see this banner on mobile iphone. Please let me know how I can setup so the mobile phone can see this header banner. Thank you.
Hello,
It seems you have the mobile theme + amp activated.
Please deactivate those plugins, tagdiv mobile theme and amp, clear all cache.
The mobile theme comes with its own 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)).
So, if you want to use the cloud templates, then you need to disable the mobile theme and AMP plugins, and then use the responsive version.
You can disable the mobile theme plugin on the pages from the Gutenberg editor using the following option => https://www.screencast.com/t/axXRJsWby
Also, please check this topic where I explained each mobile version -> https://forum.tagdiv.com/topic/mobile-version-not-working-properly-2/ -> https://forum.tagdiv.com/topic/amp-pages-not-working-well-with-this-theme/ and choose what mobile version you want.
Thank you!
Hi everyone, I recently bought the News12paper template.
I created the site page for desktop and then I created the page for the mobile version. On desktop I see exactly what I created, however if I look at the site from a mobile device I don’t see the page I created. help!
Desktop: https://fashionlifemagazine.online/
Mobile: https://fashionlifemagazine.online/mobile/
Hello dear team, can you plz tell me how can we reduce featured image size in mobile theme in newspaper theme?
Kind regards.
It really is difficult to understand what’s happening in support videos without any sound recorded. Please record sound as well so we understand what’s happening and what to do.
For example, on the Gossip Theme, I have on the mobile viewport a single page that is showing no post content at all. Even after watching this screen recording a few times, it’s still impossible for me to show the post content.
Hi!
I choose the video format in Articles. I put it in Featured Video a link from youtube. The video does not resize to the correct size. What could be the reason?
Screen (Desktop version) https://ibb.co/Wg56B2s Screen (Mobile version) https://ibb.co/jf8vXFs
Thank you
UPDATE – REPHRASING MY INITIAL POST
I’m optimizing the layout to accommodate for the most popular current and future ad formats, as well as great usability for the users on each device.
By digging in the CSS code I’ve found these min and max widths
A) max-width:500
B) max-width:767
C) min-width:768 & max-width:1018
D) min-width:1019 & max-width:1140
E) min-width:1141
1) However, there are 4 viewport devices in the builder. Which correspond to which?
Is desktop D or is it E?
Which one is mobile? A or B?
2) I want to optimize the desktop site for 1,326 pixels wide, so it looks great on super resolutions as well as the popular 1,366×768.
970 content + 20 padding + 336 sidebar = 1326px which leaves 40px on the sides for browser UI and scrollbar.
So I’ve set the desktop zone width to 1,326 pixels.
Maincontent = 970px with 10px right margin instead of using padding on the row.
Sidebar = 336px with 10px left margin instead of using padding on the row.
These settings look excellent on desktop.
In the builder I can select:
Stretch row and 1,200px content = too small.
Stretch row and 1,400px content = too big.
How does what I select here affect my layout of 1,326 pixels?
3) For the smaller than desktop devices I will want to keep the 20px padding (right/left margin of 10px) in between the content and the sidebar.
The sidebar would ideally be 336px or the smaller 300px version.
How do I calculate how much to set the zone width to in those viewports?
I simply have several CPT, on my site, however, the option to disable the mobile version, only works in the standard post. When you check for custom version of the posts, not to display mobile, it simply stays the same. Since I use ACF, all my work over the years is harmed.
I’m optimizing the layout to accommodate for the most popular current and future ad formats, as well as great usability for the users on each device.
1) Can someone tell me what the default breakpoints are for the 4 viewports, as I couldn’t find it in the code. I’m using the Gossip Pro theme.
Desktop: (max) px – _____ px
Horizontal Tablet: _____ px – _____ px
Vertical Tablet: _____ px – _____ px
Mobile: _____ px – _____ px
2) I want to optimize the desktop site for 1,360 pixels wide, so it looks great on super resolutions as well as the popular 1,366×768.
Stretch row and 1,200px content is too small.
Stretch row and 1,400px content would be too big.
Basically I want to have this:
Content Spacing Sidebar
970px 20px 350px = total 1,340px that would leave 26px (13 on each side) to offset the content from the page border.
1) Are my calculations correct?
2) How to achieve this?
Salve,
uso il Mobile Theme.
Vorrei sapere se è possibile modificare il colore di questi elementi sui singoli post:
https://imgur.com/a/KENsnQT
https://imgur.com/a/tU2qimA
https://imgur.com/a/qzzpdfr
https://imgur.com/a/f2miOYs
Grazie
Hi, I set up a mobile version of the main site and at times it displays on a mobile correctly, but sometimes it reverts back to the mobile view of the main site. The main PC site is not optimized for mobile. I constantly need to keep on saving the mobile site in order for it to display, otherwise it shows the main site on a mobile. The main site doesn’t show correctly on a mobile devise. I don’t know what do to do with this anymore. Also, when that happens, the PC main site displays as the mobile version. It’s becoming annoying and messing up my analytics. The site is at http://www.emprsario.com. If anyone could help, I’d really appreciate it. Thanks, in advance.
Hi, thanks. It works.
Last thing, I added row and content but it disappear on mobile
https://www.loom.com/share/d6605941993a4fdf964518015a719bdb
Hello,
Could you explain why the slider disappears sudenly when I display the screen in mobile mode while the tag still exists in HTML?
Printscreen desktop : https://pasteboard.co/F0EQlvvTaMPU.png
Printscreen mobile : https://pasteboard.co/Pk7CWU9p2e16.png
Is there an option to activate that?
Thanks for your answer
Hello!
Edit the page with the TagDiv Composer as explained here: https://forum.tagdiv.com/topic/%eb%a6%ac%eb%b7%b0%ec%97%90-%eb%8c%80%ed%95%b4%ec%84%9c/
If you click here: https://www.screencast.com/t/XDQJedlggSB , you can verify also the mobile viewport, and tablet viewport: https://www.screencast.com/t/YUVUcyrgh
Thank you!
Hello,
I checked the website and this seems to be especially on desktop – https://i.imgur.com/2rpz8z8.png – https://i.imgur.com/AuPQ3ta.png indeed, on mobile is slower than on desktop – https://i.imgur.com/adGinnG.png
Thank you!
Hello:)
Happy Friday
I have an issue with mobile page. I tried to fix it but couldn’t ?
On the mobile, the banner appears dim. I put it inside a red circle , check the screenshot. How to fix it?
https://app.screencast.com/S0Jd5R7P9DhR7
Many many thanks in advance:)
Thanks for the quick reply.
Summary of my post below is that galleries with only two images are rendering on desktop browsers with either too much white space or the image sizes aren’t what I want.
So here is a test page i created:
https://www.theportguy.com/imagetest6/
Note: all of the galleries look good on mobile.
However, the main issue is viewing galleries with two images on desktop. At the link above all three of the “two images galleries” at the top don’t render in an aesthetically pleasing way:
Attachment, 2, Thumbnail, Default – too much white space
Attachment 2, Medium, Default – too much white space
Attachment 2, Medium, Large – images are too large
Once i start using galleries that have three or more images, everything looks good on desktop and mobile from then on.
My question is if it is possible to make adjustments to the two image galleries above. IDEALLY, the images would be centered with some determinable white space between.
Hello Dave!
Check out these topics for more solutions:
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/score-100100-pagespeed-with-newspaper-wordpress-theme/
– https://developers.google.com/speed/docs/insights/v5/about
– https://www.youtube.com/watch?v=tnkVapqhIHc
– https://www.xtechkr.com/optimize-newspaper-theme/
– Check those guides : https://web.dev/lcp/ – > https://www.sqlpac.com/en/documents/google-pagespeeds-lighthouse-6-new-features-lcp-cls.html -> > https://wp-rocket.me/google-core-web-vitals-wordpress/improve-cumulative-layout-shift
– https://forum.tagdiv.com/topic/to-high-cumulative-layout-shift-in-mobile-theme/
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!
I have been trying for the whole day to upload my logo but it is not taking anything. Not even the mobile logo, favicon, or main logo. I can’t understand.
