HREFs aren't clickable in mobile media screen sizes

Hi,

My website, https://www.WinWithRealEstate.com/ is working great with Dazzle, except when I make the page less than 768 pixels wide. At that point, all of the hrefs (well… most of them) quit working. This seems to be related to bootstrap’s css media directives. I tried removing all of the classes from the hrefs on the ‘Continue Reading’ and it didn’t matter.

Any guidance would be appreciated.

Thanks!

Ahh… more information. I was reading another post and movin suggested trying the demo page (makes perfect sense).

So, I tried it, and that worked.

So, I investigated more. I’m using a child theme. I switched back to the base Dazzling theme, and everything started working!

The child theme, I thought, was very simple.

I called it dazzling-child. The whole contents are below. What could I be doing wrong that would cause that one tiny thing to not work correctly? Everything else appeared to work fine with the child theme as described below.

>ls -lart (of the child theme directory)
total 5
-rw-rw-r-- 1 www-data root 716 Feb 19 2015 style.css
-rw-rw-r-- 1 www-data root 230 Feb 19 2015 functions.php

>cat style.css
/*
Theme Name: Dazzling Child
Theme URI: http://example.com/twenty-fifteen-child/
Description: Twenty Fifteen Child Theme
Author: John Doe
Author URI: http://example.com
Template: dazzling
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments
Text Domain: dazzling-child
*/

>cat functions.php
<?php

add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’ );
function theme_enqueue_styles() {
wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ );

}

function dazzling_footer_info() {}

?>

Hi @kvandivo,

I hope you are well today and thank you for your question.

I tested it on your site https://www.winwithrealestate.com/ and also on my test site by resizing the browser making the page width less than 768 pixels wide and found all the links are working fine without any issue.

Are you having the issue with any specific browser?

Which browser are you using?

Could you please try using another browser?

Kind Regards,
Movin

Hi movin,

Thanks for getting back with me.

Did you have a chance to read the followup note I had sent? The problem seemed to be with a child theme, with only the changes I had mentioned.

To answer your questions, though…

I had the problem with all browsers I tested, which probably included Chrome, IE, Safari, and Firefox. I have switched from using my child theme (as described above) to using the main dazzling theme and yes, it is working now. I have no idea what in the child theme (as described above) would cause it to malfunction.

Thanks!

Kirby

Hi Kirby,

I don’t see any issue in the partial child theme code that you have shared so could you please share me your whole child theme directory including all its child theme files so that i can troubleshoot it on my test site?

Regards,
Movin