Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Last blog posts not clickable on mobile
New Landing › How can we help? › Themeforest Theme Support › Dante › Last blog posts not clickable on mobile
- This topic has 19 replies, 4 voices, and was last updated 9 years by Rui Guerreiro – SUPPORT.
-
Posted in: Dante
-
September 24, 2014 at 5:17 pm #114166
Hi!
I’ve added the posts_carousel shortcode to my home layout but when I’m on the mobile I can’t “click”/tap on the posts in order to go to the post detail page.
Attachments:
You must be logged in to view attached files.September 25, 2014 at 5:37 am #114302Hi,
I forward this to our developer to look.
Thanks,
laranz.September 26, 2014 at 4:20 am #114697Tested here on iOS and it seems to work fine – what mobile device are you using?
– Ed
September 26, 2014 at 9:09 am #114785Phone: LG Nexus 4
Android version: 4.4.4 (latest)
Chrome for Android version: 37.0.2062.117 (latest)Thanks
September 29, 2014 at 3:28 am #115261Hmm that’s odd – seems to work fine here. Is it just the title link, or image link that doesn’t work, or both?
– Ed
September 29, 2014 at 4:52 am #115266Hi,
If you tap on the post’s featured image, it does nothing.
If you tap on the post’s title text, it shows up the text in the hover state but also doing nothing more than that:Here you can see the result of taping on the Post title “Campeonato Nacional de Beisbol Cadete 2014”:
Can I provide you any other useful information?
October 1, 2014 at 8:27 pm #116483Hmm, very odd – testing here and I am able to click through using both. Have you tried any other devices by any chance? I’m wondering if this is a device specific issue.
I’ll get our developer with an Android dev setup to take a look.
Thanks,
– Ed
October 1, 2014 at 9:57 pm #116499Hi,
Getting the same behavior in a Samsung S4 but no error to help figure out the issue.
I notice that you have a child theme. Can you provide us admin access to your website so I can check you child theme modifications.Please use the private reply option.
-Rui
October 2, 2014 at 6:46 am #116559Hi, you can emulate the nexus 4 as follows in the Google Chrome for desktop and reproduce the bug as follows: https://dl.dropboxusercontent.com/u/1106729/beisbolsantboi.png
I’ve a child theme but only modifying the single.php page in order to don’t show up the Dante’s social sharing options. You can see it here:
<?php get_header(); ?> <?php $options = get_option('sf_dante_options'); $default_show_page_heading = $options['default_show_page_heading']; $default_page_heading_bg_alt = $options['default_page_heading_bg_alt']; $default_sidebar_config = $options['default_sidebar_config']; $default_left_sidebar = $options['default_left_sidebar']; $default_right_sidebar = $options['default_right_sidebar']; $pb_active = sf_get_post_meta($post->ID, '_spb_js_status', true); $show_page_title = sf_get_post_meta($post->ID, 'sf_page_title', true); $page_title_style = sf_get_post_meta($post->ID, 'sf_page_title_style', true); $page_title = sf_get_post_meta($post->ID, 'sf_page_title_one', true); $page_subtitle = sf_get_post_meta($post->ID, 'sf_page_subtitle', true); $page_title_bg = sf_get_post_meta($post->ID, 'sf_page_title_bg', true); $fancy_title_image = rwmb_meta('sf_page_title_image', 'type=image&size=full'); $page_title_text_style = sf_get_post_meta($post->ID, 'sf_page_title_text_style', true); $fancy_title_image_url = ""; if ($show_page_title == "") { $show_page_title = $default_show_page_heading; } if ($page_title_bg == "") { $page_title_bg = $default_page_heading_bg_alt; } if ($page_title == "") { $page_title = get_the_title(); } foreach ($fancy_title_image as $detail_image) { $fancy_title_image_url = $detail_image['url']; break; } if (!$fancy_title_image) { $fancy_title_image = get_post_thumbnail_id(); $fancy_title_image_url = wp_get_attachment_url( $fancy_title_image, 'full' ); } $full_width_display = sf_get_post_meta($post->ID, 'sf_full_width_display', true); $show_author_info = sf_get_post_meta($post->ID, 'sf_author_info', true); // **** HACK **** // Deshabilitamos las opciones sociales para que no se dupliquen con el tema: // $show_social = sf_get_post_meta($post->ID, 'sf_social_sharing', true); $show_social = false; // **** HACK **** $show_related = sf_get_post_meta($post->ID, 'sf_related_articles', true); $remove_breadcrumbs = sf_get_post_meta($post->ID, 'sf_no_breadcrumbs', true); if ($show_author_info == "") { $show_author_info = true; } // **** HACK **** // Deshabilitamos las opciones sociales para que no se dupliquen con el tema: // if ($show_social == "") { // $show_social = true; // } // **** HACK **** $single_author = $options['single_author']; $remove_dates = false; if (isset($options['remove_dates']) && $options['remove_dates'] == 1) { $remove_dates = true; } $sidebar_config = sf_get_post_meta($post->ID, 'sf_sidebar_config', true); $left_sidebar = sf_get_post_meta($post->ID, 'sf_left_sidebar', true); $right_sidebar = sf_get_post_meta($post->ID, 'sf_right_sidebar', true); if ($sidebar_config == "") { $sidebar_config = $default_sidebar_config; } if ($left_sidebar == "") { $left_sidebar = $default_left_sidebar; } if ($right_sidebar == "") { $right_sidebar = $default_right_sidebar; } sf_set_sidebar_global($sidebar_config); $page_wrap_class = ''; if ($sidebar_config == "left-sidebar") { $page_wrap_class = 'has-left-sidebar has-one-sidebar row'; } else if ($sidebar_config == "right-sidebar") { $page_wrap_class = 'has-right-sidebar has-one-sidebar row'; } else if ($sidebar_config == "both-sidebars") { $page_wrap_class = 'has-both-sidebars row'; } else { $page_wrap_class = 'has-no-sidebar'; } ?> <?php if ($show_page_title) { ?> <div class="container"> <div class="row"> <?php if ($page_title_style == "fancy") { ?> <?php if ($fancy_title_image_url != "") { ?> <div class="page-heading fancy-heading col-sm-12 clearfix alt-bg <?php echo $page_title_text_style; ?>-style fancy-image" style="background-image: url(<?php echo $fancy_title_image_url; ?>);"> <?php } else { ?> <div class="page-heading fancy-heading col-sm-12 clearfix alt-bg <?php echo $page_title_bg; ?>"> <?php } ?> <div class="heading-text"> <h1><?php echo $page_title; ?></h1> <?php if ($page_subtitle) { ?> <h3><?php echo $page_subtitle; ?></h3> <?php } ?> </div> </div> <?php } else { ?> <div class="page-heading col-sm-12 clearfix alt-bg <?php echo $page_title_bg; ?>"> <div class="heading-text"> <h1><?php echo $page_title; ?></h1> </div> <?php // BREADCRUMBS if (!$remove_breadcrumbs) { echo sf_breadcrumbs(); } ?> </div> <?php } ?> </div> </div> <?php } ?> <?php if (have_posts()) : the_post(); ?> <?php if ($sidebar_config != "no-sidebars" || $pb_active != "true") { ?> <div class="container"> <?php } ?> <?php $post_author = get_the_author_link(); $post_date = get_the_date(); $post_categories = get_the_category_list(', '); $media_type = $media_image = $media_video = $media_gallery = ''; $use_thumb_content = sf_get_post_meta($post->ID, 'sf_thumbnail_content_main_detail', true); $post_format = get_post_format($post->ID); if ( $post_format == "" ) { $post_format = 'standard'; } if ($use_thumb_content) { $media_type = sf_get_post_meta($post->ID, 'sf_thumbnail_type', true); } else { $media_type = sf_get_post_meta($post->ID, 'sf_detail_type', true); } $media_slider = sf_get_post_meta($post->ID, 'sf_detail_rev_slider_alias', true); $media_layerslider = sf_get_post_meta($post->ID, 'sf_detail_layer_slider_alias', true); if ((($sidebar_config == "left-sidebar") || ($sidebar_config == "right-sidebar") || ($sidebar_config == "both-sidebars")) && !$full_width_display) { $media_width = 770; $media_height = NULL; $video_height = 433; } else { $media_width = 1170; $media_height = NULL; $video_height = 658; } $figure_output = ''; if ($full_width_display) { $figure_output .= '<figure class="media-wrap full-width-detail col-sm-12" itemscope>'; } else { $figure_output .= '<figure class="media-wrap" itemscope>'; } if ($post_format == "standard") { if ($media_type == "video") { $figure_output .= sf_video_post($post->ID, $media_width, $video_height, $use_thumb_content)."\n"; } else if ($media_type == "slider") { $figure_output .= sf_gallery_post($post->ID, $use_thumb_content)."\n"; } else if ($media_type == "layer-slider") { $figure_output .= '<div class="layerslider">'."\n"; if ($media_slider != "") { $figure_output .= do_shortcode('[rev_slider '.$media_slider.']')."\n"; } else { $figure_output .= do_shortcode('[layerslider id="'.$media_layerslider.'"]')."\n"; } $figure_output .= '</div>'."\n"; } else if ($media_type == "custom") { $figure_output .= $custom_media."\n"; } else if ($media_type == "image") { $figure_output .= sf_image_post($post->ID, $media_width, $media_height, $use_thumb_content)."\n"; } } else { $figure_output .= sf_get_post_media($post->ID, $media_width, $media_height, $video_height, $use_thumb_content); } $figure_output .= '</figure>'."\n"; ?> <div class="inner-page-wrap <?php echo $page_wrap_class; ?> clearfix"> <?php if ($full_width_display && $media_type != "none") { echo $figure_output; } ?> <!-- OPEN article --> <?php if ($sidebar_config == "left-sidebar") { ?> <article <?php post_class('clearfix col-sm-8'); ?> id="<?php the_ID(); ?>" itemscope itemtype="http://schema.org/BlogPosting"> <?php } elseif ($sidebar_config == "right-sidebar") { ?> <article <?php post_class('clearfix col-sm-8'); ?> id="<?php the_ID(); ?>" itemscope itemtype="http://schema.org/BlogPosting"> <?php } elseif ($sidebar_config == "both-sidebars") { ?> <article <?php post_class('clearfix col-sm-9'); ?> id="<?php the_ID(); ?>" itemscope itemtype="http://schema.org/BlogPosting"> <?php } else { ?> <article <?php post_class('clearfix row'); ?> id="<?php the_ID(); ?>" itemscope itemtype="http://schema.org/BlogPosting"> <?php } ?> <?php if ($sidebar_config == "both-sidebars") { ?> <div class="row"> <div class="page-content col-sm-8 clearfix"> <?php } else if ($sidebar_config == "no-sidebars") { ?> <div class="page-content col-sm-12 clearfix"> <?php } else { ?> <div class="page-content clearfix"> <?php } ?> <?php if ($sidebar_config == "no-sidebars" && $pb_active == "true") { ?> <div class="container"> <?php } ?> <div class="entry-title"><?php echo $page_title; ?></div> <ul class="post-pagination-wrap curved-bar-styling clearfix"> <li class="prev"><?php next_post_link('%link', __('<i class="ss-navigateleft"></i> <span class="nav-text">%title</span>', 'swiftframework'), FALSE); ?></li> <li class="next"><?php previous_post_link('%link', __('<span class="nav-text">%title</span><i class="ss-navigateright"></i>', 'swiftframework'), FALSE); ?></li> </ul> <div class="post-info clearfix"> <?php if ($single_author && !$remove_dates) { ?> <span><?php echo sprintf(__('Posted on <span class="date updated">%1$s</span> in %2$s', 'swiftframework'), $post_date, $post_categories); ?></span> <?php } else if ($single_author && $remove_dates) { ?> <span><?php echo sprintf(__('Posted in %1$s', 'swiftframework'), $post_categories); ?></span> <?php } else if ($remove_dates) { ?> <span class="vcard author"><?php echo sprintf(__('Posted by <span itemprop="author" class="fn">%1$s</span> in %2$s', 'swiftframework'), $post_author, $post_categories); ?></span> <?php } else { ?> <span class="vcard author"><?php echo sprintf(__('Posted by <span itemprop="author" class="fn">%1$s</span> on <span class="date updated">%2$s</span> in %3$s', 'swiftframework'), $post_author, $post_date, $post_categories); ?></span> <?php } ?> <?php if ( comments_open() ) { ?> <div class="comments-likes"> <div class="comments-wrapper"><a href="#comments"><i class="ss-chat"></i><span><?php comments_number(__('0 Comments', 'swiftframework'), __('1 Comment', 'swiftframework'), __('% Comments', 'swiftframework')); ?></span></a></div> </div> <?php } ?> </div> <?php if (!$full_width_display && $media_type != "none") { echo $figure_output; } ?> <?php if ($sidebar_config == "no-sidebars" && $pb_active == "true") { ?> </div> <?php } ?> <section class="article-body-wrap"> <div class="body-text clearfix" itemprop="articleBody"> <?php the_content(); ?> </div> <?php if ($sidebar_config == "no-sidebars" && $pb_active == "true") { ?> <div class="container"> <?php } ?> <div class="link-pages"><?php wp_link_pages(); ?></div> <div class="tags-link-wrap clearfix"> <?php if (has_tag()) { ?> <div class="tags-wrap"><?php _e("Tags:", "swiftframework"); ?><span class="tags"><?php the_tags(''); ?></span></div> <?php } ?> </div> <?php if ($show_social) { ?> <div class="share-links curved-bar-styling clearfix"> <div class="share-text"><?php _e("Share this article:", "swiftframework"); ?></div> <ul class="social-icons"> <li class="sf-love"> <div class="comments-likes"> <?php if (function_exists( 'lip_love_it_link' )) { echo lip_love_it_link(get_the_ID(), '<i class="ss-heart"></i>', '<i class="ss-heart"></i>', false); } ?> </div> </li> <li class="facebook"><a href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="post_share_facebook" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=220,width=600');return false;"><i class="fa-facebook"></i><i class="fa-facebook"></i></a></li> <li class="twitter"><a href="https://twitter.com/share?url=<?php the_permalink(); ?>&text=<?php echo urlencode(get_the_title()); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=260,width=600');return false;" class="product_share_twitter"><i class="fa-twitter"></i><i class="fa-twitter"></i></a></li> <li class="googleplus"><a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><i class="fa-google-plus"></i><i class="fa-google-plus"></i></a></li> <li class="pinterest"><a href="https://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=320,width=600');return false;"><i class="fa-pinterest"></i><i class="fa-pinterest"></i></a></li> <li class="mail"><a href="mailto:?subject=<?php the_title(); ?>&body=<?php echo strip_tags(sf_excerpt(20)); ?> <?php htmlentities(the_permalink()); ?>" class="product_share_email"><i class="ss-mail"></i><i class="ss-mail"></i></a></li> </ul> </div> <?php } ?> <?php if ($show_author_info) { ?> <div class="author-info-wrap clearfix"> <div class="author-avatar"><?php if(function_exists('get_avatar')) { echo get_avatar(get_the_author_meta('ID'), '140'); } ?></div> <div class="author-bio"> <div class="author-name" itemprop="author" itemscope itemtype="http://schema.org/Person"><h3><?php _e("About", "swiftframework"); ?> <span itemprop="name"><?php the_author_meta('display_name'); ?></span></h3></div> <div class="author-bio-text"> <?php the_author_meta('description'); ?> </div> </div> </div> <?php } ?> <?php if ($sidebar_config == "no-sidebars" && $pb_active == "true") { ?> </div> <?php } ?> </section> <?php if ($sidebar_config == "no-sidebars" && $pb_active == "true") { ?> <div class="container"> <?php } ?> <?php if ($show_related) { ?> <div class="related-wrap"> <?php $args = array(); $tags = wp_get_post_tags($post->ID); $categories = get_the_category($post->ID); if ($tags) { $tag_ids = array(); foreach ($tags as $individual_tag) { $tag_ids[] = $individual_tag->term_id; } $args = array( 'tag__in' => $tag_ids, 'post__not_in' => array($post->ID), 'posts_per_page'=> 4, // Number of related posts to display. 'ignore_sticky_posts'=> 1 ); } else if ($categories) { $category_ids = array(); foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id; $args=array( 'category__in' => $category_ids, 'post__not_in' => array($post->ID), 'showposts'=> 4, // Number of related posts that will be shown. 'orderby' => 'rand' ); } $related_posts_query = new wp_query($args); if( $related_posts_query->have_posts() ) { echo '<h3 class="spb-heading"><span>'; _e("Related Articles", "swiftframework"); echo '</span></h3>'; echo '<ul class="related-items row clearfix">'; while ($related_posts_query->have_posts()) { $related_posts_query->the_post(); $item_title = get_the_title(); $thumb_image = ""; $thumb_image = sf_get_post_meta($post->ID, 'sf_thumbnail_image', true); if (!$thumb_image) { $thumb_image = get_post_thumbnail_id(); } $thumb_img_url = wp_get_attachment_url( $thumb_image, 'full' ); $image = sf_aq_resize( $thumb_img_url, 300, 225, true, false); ?> <li class="related-item col-sm-3 clearfix"> <figure class="animated-overlay overlay-alt"> <?php if ($image) { ?> <img itemprop="image" src="<?php echo $image[0]; ?>" width="<?php echo $image[1]; ?>" height="<?php echo $image[2]; ?>" alt="<?php echo $item_title; ?>" /> <?php } else { ?> <div class="img-holder"><i class="ss-pen"></i></div> <?php } ?> <a href="<?php the_permalink(); ?>"></a> <figcaption> <div class="thumb-info thumb-info-alt"> <i class="ss-navigateright"></i> </div> </figcaption> </figure> <h5><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php echo $item_title; ?></a></h5> </li> <?php } echo '</ul>'; } wp_reset_query(); ?> </div> <?php } ?> <?php if ( comments_open() ) { ?> <div id="comment-area"> <?php comments_template('', true); ?> </div> <?php } ?> <?php if ($sidebar_config == "no-sidebars" && $pb_active == "true") { ?> </div> <?php } ?> </div> <?php if ($sidebar_config == "both-sidebars") { ?> <aside class="sidebar left-sidebar col-sm-4"> <?php dynamic_sidebar($left_sidebar); ?> </aside> </div> <?php } ?> <!-- CLOSE article --> </article> <?php if ($sidebar_config == "left-sidebar") { ?> <aside class="sidebar left-sidebar col-sm-4"> <?php dynamic_sidebar($left_sidebar); ?> </aside> <?php } else if ($sidebar_config == "right-sidebar") { ?> <aside class="sidebar right-sidebar col-sm-4"> <?php dynamic_sidebar($right_sidebar); ?> </aside> <?php } else if ($sidebar_config == "both-sidebars") { ?> <aside class="sidebar right-sidebar col-sm-3"> <?php dynamic_sidebar($right_sidebar); ?> </aside> <?php } ?> </div> <?php if ($sidebar_config != "no-sidebars" || $pb_active != "true") { ?> </div> <?php } ?> <?php endif; ?> <!--// WordPress Hook //--> <?php get_footer(); ?>
I didn’t touched the functions.php:
<?php /* * * Dante Functions - Child Theme * ------------------------------------------------ * These functions will override the parent theme * functions. We have provided some examples below. * * */ // OVERWRITE PAGE BUILDER ASSETS // function spb_regsiter_assets() { // require_once( get_stylesheet_directory_uri() . '/default.php' ); // } // if (is_admin()) { // add_action('admin_init', 'spb_regsiter_assets', 2); // } // if (!is_admin()) { // add_action('wp', 'spb_regsiter_assets', 2); // } ?>
Neither the style.css:
/* LICENSE & DETAILS ================================================== Theme Name: Dante Child Theme Theme URI: http://dante.swiftideas.net Description: A Retina Responsive Multi-Purpose WordPress Theme - Designed & Developed by Swift Ideas ( www.swiftideas.net ) License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Template: dante Version: 1.0 Author: Swift Ideas Author URI: www.swiftideas.net All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) ================================================== */ /* -------------------------------------------- DANTE CSS IMPORT -------------------------------------------- */ @import url("../dante/style.css"); /* -------------------------------------------- CHILD THEME CSS -------------------------------------------- */
Attachments:
You must be logged in to view attached files.October 2, 2014 at 8:42 am #116607Hi,
The results of my tests and debug lead me to a conflict in the Swipe of the carousel and the touch events on Android.
Can you try the following solution.
Add the css code below to you theme custom css options or in the child theme.@media only screen and (max-width: 1024px){ .carousel-wrap a.prev, .carousel-wrap a.next, .flex-direction-nav { display: block!important; } }
And also in the functions.js file replace the following line(line 1950):
onTouch : true,
by this one:
onTouch : false,
Let me know if it works.
p.s- Thanks for the emulation tip, I used it sometimes. The problem with that emulator is that most of the times it doesn’t behave the same way. Although in this particular situation the behavior is the same in the emulator.
-Rui
October 7, 2014 at 4:16 pm #118194Hi,
Now it’s working but, as you can imagine, it doesn’t slide to the next post with the touch event.
Is it possible to have the two functions? (slide + click)
BTW: Did you think about compressing the functions.js and other JavaScript files with a JS minifier?
October 8, 2014 at 11:33 am #118486Yes I know. The Swipe and the Touch aren’t working simultaneously.
Will have to check with Ed a permanent solution/fix for this.The compressing saves some loading time, try it.
-Rui
October 10, 2014 at 11:36 am #119208Ok Rui,
I just updated to the 2.67 version and changed again the boolean. It’s working again but with the same tradeoff.
In the meanwhile, is there any way to avoid the swipe tooltip that appears over the carrusel when the page finishes the loading process?
Thanks!
October 10, 2014 at 3:12 pm #119287November 11, 2014 at 2:11 pm #127341Hi, I just updated to the 2.69 version and it’s not working properly again.
I’ve tried to apply the same fix changing the boolean to false on the line 1953 of the functions.js file and, after flushing the Better WordPress Minify v1.3.3 cache, it’s still not working properly.
Am I doing something wrong?
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.