Text Link not Opening on Desktop

• k.price

• February 15, 2020 at 9:13 am

Hey ACF Form,
My website slider buttons work on mobile, but not on desktop. Here is the website: procarecollision.com

My custom field set up is like this:

My code is written like this:

<?php if( get_field( 'slider' ) ): ?>
		<section class="HomeSlider">
			<ul id="Slider">
				<?php while( has_sub_field( 'slider' ) ): ?>
					<?php $image = get_sub_field( 'background_image' ) ?>
					<?php if( !empty( $image ) ): ?>
						<li style="background-image: url(<?php echo $image['sizes']['hp-slider']; ?>)" <?php echo 'class="'.get_sub_field( 'cta_align' ).'"' ?>>
							<div class='container'>
								<div class='SliderBox'>
									<?php if( $heading = get_sub_field( 'heading' )): ?> 
										<h1>
											<?php echo $heading; ?>
										</h1>
									<?php endif; ?>
									<?php if( $subheading = get_sub_field( 'subheading' )): ?> 
										<h3>
											<?php echo $subheading; ?>
										</h3>
									<?php endif; ?>
									<?php if( get_sub_field( 'cta_button_text' ) && get_sub_field( 'cta_button_url' )): ?>
								<a href="<?php echo get_sub_field( 'cta_button_url' ) ?>" class="Btn Btn-yellow SliderLink" ><?php echo get_sub_field( 'cta_button_text' ) ?></a>
							<?php endif; ?>
								</div>
							</div>
						</li>
					<?php endif; ?>
				<?php endwhile; ?>
			</ul>
			<?php $i = 0; ?>
			<div class="sliderControls" >
				<span id="sliderPrev" class="sliderArrow" >  </span>
				<div id="sliderPager" >
					<?php while( has_sub_field( 'slider' ) ): ?>
						<a href="" data-slide-index="<?php echo $i; ?>"> </a>
					<?php $i++ ?>
					<?php endwhile; ?>
				</div>
				<span id="sliderNext" class="sliderArrow" >  </span>
			</div>
		</section>
	<?php endif ?>

Thank you in advance for the help!

• John Huebner

• February 16, 2020 at 2:55 am

When you right click on the link and click on inspect does it take you to the link element or something else. The only thing that I can think of here is that there is another element that’s overlapping your links and preventing them from being clicked. I also looked at your page and I don’t see an issue, so it may be browser specific.

• k.price

• February 20, 2020 at 1:16 am

Hey John,

Thank you for your insight on this. I checked through the inspect element and the correct link showed up. It seems to just not be working in Chrome. I am looking into it now.

Best,
Kathryn