- TutorialsWhat is Ajax preloading?
Hello sibanescu,
Unfortunately, please notice that the mobile menu functionality and the theme does not have any such an option that allows you to change that behavior, sorry!
Thanks for your understanding!
Hi,
Just what it says in the tile…
On mobile, I managed to place the logo on left and menu button on the right, hiding the search button. But now, when i click the menu button it slides from left to right and it feels odd. How do i make it to slide from right to left?
Also, how do i change the button (the icon) for the menu on mobile, with one of my own choosing from the awesome font?
Do you think in the future it will be possible to set this from the theme panel, and also to choose different kinds of menus?
Thanks,
Hello,
I have two problems with my site:
1) The mobile menu / burger icon is not working. When I click on the menu on my iPhone the menu does not open. Same for the search icon.
2) I can no more change the DTP text color for main menu active & hover. Color does not change anymore.
I think I have booth problems since yesterday. They were not bevore, color and mobile menu has worked fine. The only thing I changed yesterday was that I created the hompeage with your page builder and that I have switched to sticky menu. And yes I know that it has sepaerate settings for sticky menu but this does nothing change.
What I have done:
Switched back to normal menu
Reinstalled the theme
deactivated all plugins
deactivated Cloudflare cache/minification
I have no caching plugin installed at the moment.
But nothing has worked.
Can you please help me with this? I can send you the URL in a private message…
Thanks,
Florian
Thank you. Yes. That worked.
Another quick mobile question…
The hamburger menu brings up my main menu navigation. On the regular page these display as drop downs. On mobile, they don’t link to anything.
Help.
Thanks!
Hi support team,
Great theme! Playing around with it and still loving it the more each day!
Instead of putting my questions one by one, I have compiled them these past months into the following?
1- How do I reduce the time that the dropdown menu falls for the mega menu, upon mouse over the menu items? It’s a bit distracting when it shows with the slightest mouse over. It will be good to reduce the time.
2- How do I reduce the height of the “Top Bar” (top bar is the black top menu)?
3- How do I make all posts on frontpage to open in new tabs, when clicked on?
4- How do I make all posts on category pages to also open in new tabs, when clicked on ?
5- How do I make some of the elements on the homepage to show visible border?
6- How do I make the widget “Recent Articles” in the sidebar to show featured images/thumbnail pictures, as it is in the demo:
https://www.screencast.com/t/y2jUztdnt8k
7- How do I make the “Related Articles” and “More from Author” to show bigger featured images in mobile, rather than the current small images:
https://www.screencast.com/t/38KicbAHP
8- Is it possible to make the smart sidebar remain constant when scrolling down as well as when scrolling up? Right now, it shows the last item on the sidebar when scrolling down, and shows the first item on the sidebar when scrolling up. Is it possible to only show just one when scrolling down and up?
Looking forward to your answers,
Thanks!
Also, the need to implement the api is still there.
We have painstakingly created a custom “alphabetical letter” taxonomy to display all posts on one page using a keyword, all posts that have keyword A on page A etc etc.
However since we can not select a custom taxonomy on the tagdiv composer when filtering posts (only categories are allowed) we are stuck.
We have implemented this text into the plugin, which gets us the ARTICLE DISPLAY VIEW icons on the theme panel. however when we select them the page reverts back to the default. could you point us in the right direction please ?
<?php
/*
Plugin Name: td-api-plugin
Plugin URI: http://tagdiv.com
Description: tagDiv API plugin
Author: tagDiv
Version: 1.0
Author URI: http://tagdiv.com
*/
class td_api_plugin {
var $plugin_url = '';
var $plugin_path = '';
var $root = '';
function __construct()
{
$this->root = get_site_url();
$this->plugin_url = plugins_url('', __FILE__); // path used for elements like images, css, etc which are available on end user
$this->plugin_path = dirname(__FILE__); // used for internal (server side) files
add_action('td_global_after', array($this, 'hook_td_global_after')); // hook used to add or modify items via Api
}
function hook_td_global_after() {
//Add new modules
td_api_module::add('td_module_20',
array(
'file' => $this->root . "/wp-content/themes/newspaper-child/includes/modules/td_module_20.php",
'text' => 'Module 20',
'img' => $this->root . '/wp-content/themes/newspaper-child/images/panel/modules/td_module_20.png',
'used_on_blocks' => array('td_block_25'),
'excerpt_title' => 30,
'excerpt_content' => 50,
'enabled_on_more_articles_box' => false,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap td-animation-stack',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
td_api_module::add('td_module_21',
array(
'file' => $this->root . "/wp-content/themes/newspaper-child/includes/modules/td_module_21.php",
'text' => 'Module 21',
'img' => $this->root . '/wp-content/themes/newspaper-child/images/panel/modules/td_module_21.png',
'used_on_blocks' => array('td_block_21'),
'excerpt_title' => 15,
'excerpt_content' => '',
'enabled_on_more_articles_box' => true,
'enabled_on_loops' => true,
'uses_columns' => true, // if the module uses columns on the page template + loop
'category_label' => true,
'class' => 'td_module_wrap',
'group' => '' // '' - main theme, 'mob' - mobile theme, 'woo' - woo theme
)
);
}
}
new td_api_plugin();
the text in module 20 for instance looks like this:
<?php
class td_module_20 extends td_module {
function __construct($post, $module_atts = array()) {
//run the parrent constructor
parent::__construct($post, $module_atts);
}
function render() {
ob_start();
$title_length = $this->get_shortcode_att('m20_tl');
?>
<div class="<?php echo $this->get_module_classes();?>">
<div class="td-module-image">
<?php echo $this->get_image('td_150x150');?>
<?php if (td_util::get_option('tds_category_module_20') == 'yes') { echo $this->get_category(); }?>
</div>
<?php echo $this->get_title($title_length);?>
<div class="td-module-meta-info">
<?php echo $this->get_author();?>
<?php echo $this->get_date();?>
<?php echo $this->get_comments();?>
</div>
<?php echo $this->get_quotes_on_blocks();?>
</div>
<?php return ob_get_clean();
}
}
We have created pages for each letter which each run their specific post template, which looks like this:
<?php
/*
Template Name: archief albumrecensie a
*/
get_header();
//set the template id, used to get the template specific settings
$template_id = 'archive';
//prepare the loop variables
global $loop_module_id, $loop_sidebar_position, $part_cur_auth_obj;
$loop_module_id = td_util::get_option('tds_' . $template_id . '_page_layout', 1); //module 1 is default
$loop_sidebar_position = td_util::get_option('tds_' . $template_id . '_sidebar_pos'); //sidebar right is default (empty)
// sidebar position used to align the breadcrumb on sidebar left + sidebar first on mobile issue
$td_sidebar_position = '';
if($loop_sidebar_position == 'sidebar_left') {
$td_sidebar_position = 'td-sidebar-left';
}
//read the current author object - used by here in title and by /parts/author-header.php
$part_cur_auth_obj = (get_query_var('author_name')) ? get_user_by('slug', get_query_var('author_name')) : get_userdata(get_query_var('author'));
//prepare the archives page title
{
$td_archive_title = get_the_title();
}
?>
<div class="td-main-content-wrap td-container-wrap">
<div class="td-container <?php echo $td_sidebar_position; ?>">
<div class="td-crumb-container">
<?php echo td_page_generator::get_archive_breadcrumbs(); // get the breadcrumbs - /includes/wp_booster/td_page_generator.php ?>
</div>
<div class="td-pb-row">
<?php
switch ($loop_sidebar_position) {
default:
?>
<div class="td-pb-span8 td-main-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'sidebar_left':
?>
<div class="td-pb-span8 td-main-content <?php echo $td_sidebar_position; ?>-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<div class="td-pb-span4 td-main-sidebar">
<div class="td-ss-main-sidebar">
<?php get_sidebar(); ?>
</div>
</div>
<?php
break;
case 'no_sidebar':
?>
<div class="td-pb-span12 td-main-content">
<div class="td-ss-main-content">
<div class="td-page-header">
<h1 class="entry-title td-page-title">
<span><?php echo $td_archive_title; ?></span>
</h1>
</div>
<?php locate_template('loop-albumrecensies-a.php', true);?>
<?php echo td_page_generator::get_pagination(); // get the pagination - /includes/wp_booster/td_page_generator.php ?>
</div>
</div>
<?php
break;
}
?>
</div> <!-- /.td-pb-row -->
<div class="archiefmenutitel"></br></br><h1 class="entry-title td-page-title">ARCHIEF</h1></div>
<div class="albumrecensiesabc">
<?php wp_nav_menu( array( 'theme_location' => 'albumrecensiesabc' ) ); ?>
</div>
</div> <!-- /.td-container -->
</div> <!-- /.td-main-content-wrap -->
<?php
get_footer();
and finally the loop it uses
<?php
/**
* If you are looking for the loop that's handling the single post page (single.php), check out loop-single.php
**/
// $global_flag_to_hide_no_post_to_display - comes from page-category-big-grid.php and is a flag to hide the 'No posts to display' message if on category page there are between 1 and 5 posts
global $loop_module_id, $loop_sidebar_position, $global_flag_to_hide_no_post_to_display;
///if we are in wordpress loop; used by quotes in blocks to check if the blocks are displayed in blocks or in loop
td_global::$is_wordpress_loop = true;
$td_template_layout = new td_template_layout($loop_sidebar_position);
if (empty($loop_module_id)) { //not sure if we need a default here
$loop_module_id = 1;
}
$td_module_class = td_api_module::_helper_get_module_class_from_loop_id($loop_module_id);
//disable the grid for some of the modules
$td_module = td_api_module::get_by_id($td_module_class);
if ($td_module['uses_columns'] === false) {
$td_template_layout->disable_output();
}
$args = array(
'post_type' => 'post',
'posts_per_page' => '-1',
'meta_key' => 'keyword',
'orderby' => 'meta_value',
'order' => 'ASC',
'tax_query' => array(
'relation' => 'AND',
array(
'taxonomy' => 'alphabetical_letter',
'field' => 'term_id',
'terms' => array( '441' ), //this is by slug
),
array(
'taxonomy' => 'category',
'field' => 'slug',
'terms' => array( 'muziek-recensies' ), //this is by id
),
),
);
// The Query
query_posts( $args );
// The Loop
if (have_posts()) {
while ( have_posts() ) : the_post();
echo $td_template_layout->layout_open_element();
if (class_exists($td_module_class)) {
$td_mod = new $td_module_class($post);
echo $td_mod->render();
} else {
td_util::error(__FILE__, 'Missing module: ' . $td_module_class);
}
echo $td_template_layout->layout_close_element();
$td_template_layout->layout_next();
endwhile; //end loop
echo $td_template_layout->close_all_tags();
} else {
/**
* no posts to display. This function generates the __td('No posts to display').
* the text can be overwritten by the themplate using the global @see td_global::$custom_no_posts_message
*/
echo td_page_generator::no_posts();
}
all of this was working fine since all of the code was directly implemented in the td config php file, which gets overwritten when you update the theme. all I thought I would have to do is implement the said code in the plugin api but clearly this isn’t how it should be done. I’m fearful that weeks of work on this alphabetical archive have been for nought…
-
This reply was modified 8 years by
NickDeBaerdemaeker.
Hi,
I could give you a code for that, the top menu is not displayed on mobile by default. The basic code would have this result
– https://www.screencast.com/t/pxsM0nVj
For some styling you could mention how you want them to display, and I will try to modify this code.
@media (max-width: 767px){
.td-header-top-menu,
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
}
.td-social-icon-wrap{
display:none;
}
.td-header-style-8 .td-header-top-menu {
margin-left:auto;
width: 100%;
}}
Thanks
Hi,
That would be unusual, I also tested this and it seems to display the menu chosen in the mobile theme settings.
We could take a look at this, if possible provide a link to your website. If it’s not available, send us an email at contact@tagdiv.com and give us admin access to investigate the issue.
Thanks
Hi,
All I can see unusual about the website homepage on mobile, would be the double menu bar
– https://www.screencast.com/t/2YP6IFHyMtG
One from the theme and one from a plugin probably.
The posts seem to display the Jetpack mobile theme however, note that this mobile theme will not work properly with our theme, deactivate it if possible
– https://jetpack.com/support/mobile-theme/
If you want to use a mobile theme, try the one provided in the theme package
– https://forum.tagdiv.com/the-mobile-theme/
Thanks
Also How can I show the Top Menu on Mobile Devices.
Please help
The menu and the search field open when I touch them, but the page goes to the top. I’ve tested on many browsers and mobile phones
Does not that happen to you?
Hi,
We require a custom menu for mobile view so installed the mobile theme plugin. However, the mobile menu still seems to be displaying the main desktop menu, even though it’s assigned to a newly made custom ‘mobile menu’ in the theme panel and also assigned in the appearance > menus page. No caching plugins installed. I expect there’s a switch somewhere I’ve missed!
Thankyou
Hello leanjucas,
I have tested your website on mobile and the menu and search functionality seems to work as expected. Where is the problem? Try to clear all of your caches, purge CND files and check the results.
Thanks for your understanding!
Hello dk,
I have inspected your menu on mobile and I saw that it’s not working. Please try to disable all of your untested plugins, clear all the caches and check the results. Check your system status parameters to be increased according to our documentation from here
-> https://forum.tagdiv.com/requirements-for-newspaper/ If the problem is still there, try to make a new install to another subdomain for testing via FTP way and check the results.
Hope this helps!
Thanks for your understanding!
My website: https://techlandia.com.br/
My menu on mobile doesnt work anymore, when I click to access the menu in mobile it does nothing. Also the drop down menu use to automatically drop down when you hover over each category on the homepage on desktop. It does not drop down anymore, instead I can only click to enter each category then the drop down works but not on home page.
Hello,
My main menu is working fine on all desktops and laptops but when comes the mobiles devices it doesn’t seem to work fine for me.
my website url: https://mafista.com/
Please help as I am losing dollars per hour because of that which leaves a negative impact on the customer
Thanks,
DK
Hello SVF Sweden,
I have inspected your website on mobile devices and I saw that your menu is not present.
-> https://www.screencast.com/t/9SBw8czF Please notice that it seems that you have a lot of errors through your console which affects the theme functionalities. All of these can happen due to your old version of the theme used by you and because of the use of multiple untested plugins which might interact with the theme core files and causes a lot of unknown issues. Please remove all of them, leave just to active only the plugins that come bundled with the theme core files, update the theme via FTP way to the latest version of it which is 8.8.2, clear all the caches, purge CDN files and check the results. Before making the theme update, we highly recommend doing a full backup to your database to avoid losing all of your data.
Hope this helps and let us know how it goes!
Thanks for your understanding!
Hello, if i click on the menu in mobile form, it is just empty until i click escape, then the normal menu names appear. Here is the site url: https://srivast.org/
Thank you for your help,
Martin
Hi I’ve used the sections through the Composer to create a page and it looks fine on desktop. But on Mobile it doesnt show any content except the menu and the footer. How do I fix this
Hi,
That is quite a sub-menu. The mobile sub-menu has a limit but not of actual category number, but a height limit. I could give you a code to modify that height (original is 2000px) to a higher value, 5000px max-height would be enough
– https://www.screencast.com/t/m3ylD66dObBg
Enter the code in Theme panel->Custom CSS section
.td-mobile-content .td-sub-menu-open>ul {
max-height: 5000px;
}
Thanks
On my site I have big main menu with many positions of submenu. On mobile it’s a problem, because only some of them are showing. Any ideas how to change the limit of submenus?
Hello,
Sorry but the sign in/join element cannot be moved to any other location. You can try to hide it with css for mobiles though as there is already a login widget inside the main mobile menu.
@media(min-width:767px){
.td-login-modal-js{
display:none!important;
}
Thank you!
Hello,
If you use the mobile theme plugin, you need to create a separate menu for mobiles or select an existing one from the wp menus section. It seems you have not set a mobile menu yet.
Thank you!
That is the modal used for mobile, when you open the menu or search. This kind of swipe effect is usually the result of the Cloudflare rocket loader, or maybe the speed booster plugin.
That modal can’t be disabled by a theme setting, it is the background of the mobile menu and search. The only settings that has would be the color settings I mentioned above.
If you don’t use any of the above, then something else is causing the issue.