- TutorialsFrom WPBakery to tagDiv Composer
- TutorialsWhat is Ajax preloading?
Hello,
The mobile theme shows content differently from the main theme. Please read this guide to learn more: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hi,
The mobile editor will be displayed only for pages, not posts
– https://www.screencast.com/t/lOlSSkSTO7it
It will be the last section in the page edit screen normally. As long as the mobile theme plugin is active it should be there. If there is a problem, it cold be a plugin conflict. Try as a quick test to deactivate all plugins except theme plugins, then check if the issue is solved.
Thanks
Hi,
The mobile theme plugin is optional, you can simply deactivate it. Then the same content you have on desktop will be displayed on mobile as well. The main theme is fully responsive in design so there will be no problem
– https://forum.tagdiv.com/the-mobile-theme/
The mobile theme is useful if you would like to display a different and lighter content for mobile users.
Thank you!
Hello,
You can implement the image using a column text element. Add a column text element in the tagdiv composer and then use the add media button to add an image in the wysiwyg/tinymce editor like you would on posts: https://www.screencast.com/t/7O6cnt3aRF
Then it will resize properly on mobile devices.
Thank you!
By default, on mobile, the widgets (right side) are displayed AFTER the comment box.
Is it possible to move the widgets right after the content and before the “More like” or “Comments” box?
Hi,
The mobile theme has one predefined template for each page/post, this will be used by it. For example regardless of post template styles used on desktop, on mobile all posts will have a predefined mobile post template. This is meant to increase the performance of the website on mobile.
Pages will have to be created twice, once for desktop and once for mobile through the mobile editor.
This plugin is optional, if you want to display exactly the same content and templates from desktop, deactivate it. Then the default responsive website version will be used.
Thanks
Hello,
We have not tested tabbing through the site as this is not a standard user behavior. You cannot see anything when tabbing around except for the url at the bottom. The mobile menu is hidden from view and is not accessible otherwise. Please do not remove any code from the theme and ignore any tabbing issues as there is no implementation for ‘tabbing’ around. I will add this to our list and pass this info to our development team.
Thank you!
I preferred to disable the mobile theme, the site was not displayed correctly on both the mobile and the desktop.
I think there is an incompatibiule with Siteground’s supercacher, too bad.
Hi,
That is unusual, the mobile theme plugin is created specially for this theme, and should not create issues. Try deactivating all your other plugins, leave only theme plugins active and try again to create new pages.
Thanks
Hi, i have problem.
On my website in desktop mode my contact page is perfect, but on mobile theme is disappeared, why?
This is my website: https://www.pcusb.it
Thanks!!
search appearance tab in google search console showing some errors.
1. We did not find any rich card structured data on your website.
2. Structured Data > hentry (markup: microformats.org): showing errors missing updates, missing author
3. We did not find any Accelerated Mobile Pages in your site.
please tell me what the problem with site?
Hi,
I’d installed the td-mobile plugin correctly but still mobile editor is not showing in the post are of my wordpress dashboard. Please tell me how to solve this issue??
Thansk
Hi, there is content on the homepage I would like for people to see with their phones. Not at the end of the page, above all content, under the header. How can I turn off the mobile theme? This is a deal breaker for me, I just purchased this theme and can’t use it if I am limited in this way. I need to be able to update the homepage content for mobile users!
Is it possible to use one image via the image block or just as a background to a row and have it resize down & display correctly for mobile devices? I have been trying to do this but the image cuts off. see attached link https://blackgirlnerds.com/pacific-rim-private-screening/ I need the top image to resize down but remain centered and readable. Currently when its resized it cuts off the content. Any suggestions greatly appreciated !
Hi,
We’re rebuilding our newspaper’s site with the Newspaper theme, and we’re trying to utilize the MObile Theme but are having trouble. We’ve looked over the documentation countless times, and while it says there are ‘Templates’ that will display the content, we cannot find out how to access them/where they are. Essentially, we just need help using the Mobile Theme. We thought there would be a page builder or that you could just copy and paste the text version of the Desktop content to the Mobile Theme area at the bottom, but when we copy and paste, all of the post grids just show up as shortcodes.
Please help!
Hi,
I sent support an email with the site link and login details referencing these two issues below.
We are trying to make our site with version 8.6 of the plugin installed more accessible however, we are having the following issues:
1. When tabbing through the site using a keyboard, the navigation links for the mobile navigation which is non visible on the desktop shows up when tabbing. When we tried removing it via the file/code below, we encounter two issues:a) the header navigation styling on the page gets screwed up, b) the navigation does not work properly and the navigation on mobile devices is disabled(not the intention). Is there a fix you can recommend?
/wp-content/themes/Newspaper-child/parts/menu-mobile.php
<!– menu section –>
<div class=”td-mobile-content”>
<?php
wp_nav_menu(array(
‘theme_location’ => ‘header-menu’,
‘menu_class’=> ‘td-mobile-main-menu’,
‘fallback_cb’ => ‘td_wp_no_mobile_menu’,
‘link_after’ => ‘<i class=”td-icon-menu-right td-element-after”></i>’,
‘walker’ => new td_walker_mobile_menu()
));
//if no menu
function td_wp_no_mobile_menu() {
//this is the default menu
echo ‘<ul class=””>’;
echo ‘<li class=”menu-item-first”>Click here – to use the wp menu builder‘;
echo ‘‘;
}
?>
</div>
</div>
</div>
2. When tabbing through navigation on the top menu and header menu, nested links on the navigation are skipped when tabbing. Is there an issue with the tabindex for
Thanks and we appreciate your help with this.
The top menu is not displayed on mobile, it is not supposed to display. It could be made to appear when the mobile theme plugin is not active, if absolutely needed. It would require a code like the following in this case
– https://www.screencast.com/t/kIe6BhRbVTJ
This code can to be entered in Theme panel->Custom CSS section
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display:block!important;
text-align:center;
}}
Regarding the thumbnails, when stretching the rows with content the thumbnails will be stretched as well. That is why they appear like that. You can use Full big grids which use larger thumbnails
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Or try experimenting with the new flex block in which you can select thumbnail size
– https://demo.tagdiv.com/newspaper/flex-block/
– https://www.screencast.com/t/KC4BVGaq
Thanks
Hi,
Rows have a default padding on mobile. You could try something like this. First set a custom class of your choosing for the row containing the counter (so other rows will not be affected)
– https://www.screencast.com/t/LmtoeTf4aL
Then use a code like this in Theme panel->Custom CSS it should work
– https://www.screencast.com/t/RBnVWVK6ce
.td-stretch-content .myclass {
width: 112%;
margin-left: -24px;
}
Since activating the tagdiv mobile plugin I’m unable to create new pages.
I get the following error:
“Are you sure you want to do this?”
I am able to edit old pages, however, I get the same error when saving them, although they actually save ok.
My System status is fine:
https://www.dropbox.com/s/46uebzagoasjrx2/chrome_2018-03-15_13-56-16.png?dl=0
The issue goes away as soon as I disable the tagdiv mobile theme.
Please help, it’s essential that I use the mobile theme so unfortunately I cannot deactivate it and use the standard responsive theme.
Thanks
Hi, next problem is 🙂
in mobile theme font awesome icons, in menu not working (in normal theme everythink is ok)
the plugin I use is a module recommended by you: Font Awesome 4 Menus
The default value is 14px for the body on mobile, with a line height of 21px
– https://www.screencast.com/t/1bRyQMuH
You can simply use a code like this to modify it
– https://www.screencast.com/t/ZbVEa33gUTw
body, p {
font-size: 17px;
}
Custom CSS codes can be entered for the mobile theme in Theme panel->Mobile theme->Custom CSS.
You could also edit the mobile theme stylesheet and make the modifications directly there, instead of overriding them
– https://www.screencast.com/t/ZaBaESdgJYet
Thanks
Hi,
The website seems to be still loading when you attempt to use the mobile menu. The menu will be usable after the website loads. For me the website loads fully in a few seconds and the menu is usable
– https://www.screencast.com/t/nLSnxKUGxsN
Test on a post page as well.
There seems to be a 404 on an image on the website. That image could be why the website is taking longer to load. Edit the homepage with the composer and remove the image set as background for this row (click on remove)
– https://www.screencast.com/t/ixLBRac6Rve
– https://www.screencast.com/t/9xOZOZQgI
Let us know if there is still a problem.
Thanks
Hi,
You could comment or remove the code that displays the top grid in the mobile front page
– https://www.screencast.com/t/Y2nNQPl1ic
Then the grid will not be displayed anymore
– https://www.screencast.com/t/vX5aSJvbRjmW
Thanks
So on the homepage using TD-Composer, when using Big Grid Full 10 it goes to the width of the column (which I believe is 1000px by default) and is the same width as the menu bar. https://www.post2post.co.uk/
I want this to happen on our category pages as well, however, it keeps going full width. I have tried adding in some CSS code to make it only go to the same width as the menu bar, and it kind of works on desktop, but breaks the mobile pages. Is it possible to do this? https://www.post2post.co.uk/category/article/england/premier-league/
Also: Is there some way to reduce the thickness of the menu bar, it is quite thick at the moment and I would like to add some code to reduce the thickness of it, I can sort of do it, but it breaks upon hovering over the menu items. I’ve tried adding it to all the classes, but I can’t seem to find the right ones.
Thanks
hello
i would like to remove top next and back button in mobile
and make ads above next and back button below article
please help
