Link Anchor Not working
I have a link anchor on a page. Â But when I put the url in the browser it goes straight to here it should go but a second later it goes straight to the top of the page. Â How do I fix this?
http://50f.eb9.myftpupload(DOT)com/solutions/#unlock_savings
http://50f.eb9.myftpupload(DOT)com/solutions/#unlock_savings
Leonidas Dosas
Post pls the html and js code
ASKER
<?php
/*
Template Name: solutions
*
*/
?>
<?php get_header(); ?>
<style type="text/css">
.icon_effect_solution .homepage-section-content{
max-width: 1070px; width: 100%; padding: 0px;
}
.solution_icon{
background: #ffffff none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 10px #888888;
box-sizing: border-box;
display: inline-block;
height: 250px;
left: 50%;
margin: -125px 0 30px -125px;
overflow: hidden;
padding: 20px;
position: absolute;
top: 50%;
vertical-align: top;
width: 250px;
z-index: 5;
}
.solution_icon{
opacity: 1;
transform: scale(0);
-webkit-transform: scale(0);
}
.seffect1{
z-index: 5;
}
.seffect2{
left: auto;
margin-left: auto;
margin-right: -125px;
right: 50%;
z-index: 2;
}
.seffect3{
z-index: 8;
}
.solution_icon_in{width: 100%;height: 100%;display: table; text-align: center;}
.solution_icon_in > a{display: table-cell; vertical-align: middle; position: relative;}
.solution_icon_in svg{
position: relative;
z-index: 2;
}
#SLayer_1,
#SLayer_3-2 {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#SLayer_2 {
height: 0px;
width: 0px;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#SLayer_3-2{
bottom: 3px;
height: 100%;
opacity: 1;
top: auto;
width: 100%;
z-index: 1;
}
#Layer_3-1 .scls1-1{display: none;}
#SLayer_3-2 .scls-2 {
display: none;
fill: #f16522;
}
.solution-icon_3 a::before {
background: #fff none repeat scroll 0 0;
top: -2px;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 2;
}
.solution_icon a{
opacity: 0;
}
.solution_icon.solution-animated a{
opacity: 1;
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.solution_icon.seffect1.solution-animated #SLayer_2{
width: 100%;height: 100%;
opacity: 1;
z-index: -1;
}
.solution_icon.seffect1.solution-animated #SLayer_1{
-webkit-animation: first 2s ease-in;
-moz-animation: first 2s ease-in;
-o-animation: first 2s ease-in;
-ms-animation: first 2s ease-in;
animation: first 2s ease-in;
opacity: 1;
}
#tile_one, #tile_two, #tile_three {
-webkit-animation:fade-in 1s;
}
@-webkit-keyframes fade-in{
from{
opacity:0;
top:-5px;
}
to{
opacity:1;
top:0px;
}
}
.seffect2 .solution_icon_in svg {
margin-left: -12px;
}
@keyframes first {
0% { opacity: 0;}
100% { opacity: 1;}
}
.solution_icon.seffect2.solution-animated .st0 {
-webkit-animation: truck 1s ease-in;
-moz-animation: truck 1s ease-in;
-o-animation: truck 1s ease-in;
-ms-animation: truck 1s ease-in;
animation: truck 1s ease-in;
-webkit-transform: translate(0%);
transform: translate(0%);
opacity: 1;
}
@keyframes truck {
0% { opacity: 0; transform: translate(-20%);}
100% { transform: translate(0%); opacity: 1;}
}
.solution_icon.seffect3.solution-animated a::before{
-webkit-animation: second 0.5s ease-in;
-moz-animation: second 0.5s ease-in;
-o-animation: second 0.5s ease-in;
-ms-animation: second 0.5s ease-in;
animation: second 0.5s ease-in;
height: 0;
}
@keyframes second {
0% { height: 100%;}
100% { height: 0;}
}
.wrapper1{
height: auto;
margin: 0 auto;
max-width: 1070px;
min-height: 280px;
position: relative;
width: 100%;
}
.frame_round{
height: 400px;
left: 50%;
margin-left: -200px;
margin-top: -200px;
position: absolute;
top: 50%;
width: 400px;
z-index: 2;
}
.total_solution_text {
font-size: 51px;
font-weight: 700;
height: 100%;
left: 0;
line-height: 1.2em;
opacity: 1;
position: absolute;
text-align: center;
top: 35%;
width: 100%;
z-index: 10;
color:#d32128;
}
.hide_text{
opacity: 0;
}
.frame_round img{max-width: 100%;}
.seffect1.newm{
/*transition: all 1s ease;*/
-webkit-animation: leaves 1s ease-in-out alternate;
animation: leaves 1s ease-in-out alternate;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
left: 0;
margin: -125px 0 30px 5%;
}
@-webkit-keyframes leaves {
0% { -webkit-transform: scale(0); left:50%;margin: -125px 0 30px -125px;}
30% {-webkit-transform: scale(1); left:50%;margin: -125px 0 30px -125px;}
100% { -webkit-transform: scale(1); left: 0; margin: -125px 0 30px 5%;}
}
@keyframes leaves {
0% { -webkit-transform: scale(0); left:50%;margin: -125px 0 30px -125px;}
30% {-webkit-transform: scale(1); left:50%;margin: -125px 0 30px -125px;}
100% { -webkit-transform: scale(1); left: 0; margin: -125px 0 30px 5%;}
}
@-webkit-keyframes leaves_two {
0% { -webkit-transform: scale(0); right:50%; margin:-125px -125px 30px 0;}
50% {-webkit-transform: scale(1); right:50%; margin:-125px -125px 30px 0;}
100% { -webkit-transform: scale(1); right: 0;}
}
@keyframes leaves_two {
0% { -webkit-transform: scale(0); right:50%; margin:-125px -125px 30px 0;}
50% {-webkit-transform: scale(1); right:50%; margin:-125px -125px 30px 0;}
100% { -webkit-transform: scale(1); right: 0;}
}
.seffect2.newm{
opacity: 1;
right: 0;
left: auto;
margin-right: 6%;
/*transition: all 1s ease;*/
-webkit-animation: leaves_two 1s ease-in-out alternate;
animation: leaves_two 1s ease-in-out alternate;
-webkit-transform: scale(1);
transform: scale(1);
}
.seffect3.newm{
transition: all 0.5s ease;
opacity: 1;
transform: scale(1) ;
-webkit-transform: scale(1) ;
}
.hilna{
height: 100%;
width: 100%;
display: block;
}
.shaking {
-webkit-animation-name: spin;
-webkit-animation-duration: 1000ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 1000ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 1000ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 1000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-ms-keyframes spin {
from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
@-webkit-keyframes shakeme {
0% { transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.hilna_remove{
-webkit-animation-name: shakeme;
-webkit-animation-duration: 1000ms;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease;
}
.hide_text_block{display: none;}
</style>
<script>
$ = jQuery
var myurl = "http://50f.eb9.myftpupload.com/solutions/";
var currenturl = "http://50f.eb9.myftpupload.com/solutions/#unlock-savings";
if(myurl != currenturl) {
$(window).load(function () {
function topInViewport(element) {
return $(element).offset().top >= $(window).scrollTop() && $(element).offset().top <= $(window).scrollTop() + $(window).height();
}
if (topInViewport($("#ani_container_one"))) {
setTimeout(function () {
$('#tile_one').fadeIn('slow');
$('.animation_1').addClass('animated');
$('#gears-only').addClass('visible');
}, 2800);
}
;
if (topInViewport($("#ani_container_two"))) {
setTimeout(function () {
$('#tile_two').fadeIn('slow');
$('.animation_2').addClass('animated');
}, 3900);
}
;
if (topInViewport($("#ani_container_three"))) {
setTimeout(function () {
$('#tile_three').fadeIn('slow');
$('.animation_3').addClass('animated');
}, 3200);
}
;
});
$(window).scroll(function () {
t = $('#ani_container_one');
offset = t.offset();
st = $(window).scrollTop() + 50;
wh = $(window).height();
if (st > offset.top - wh + t.height()) {
setTimeout(function () {
$('#tile_one').fadeIn('slow');
$('.animation_1').addClass('animated');
$('#gears-only').addClass('visible');
}, 2800);
}
;
ta = $('#ani_container_two');
offseta = ta.offset();
sta = $(window).scrollTop();
wha = $(window).height();
if (sta > offseta.top - wha + ta.height()) {
setTimeout(function () {
$('#tile_two').fadeIn('slow');
$('.animation_2').addClass('animated');
}, 3900);
}
;
tb = $('#ani_container_three');
offsetb = tb.offset();
stb = $(window).scrollTop();
whb = $(window).height();
if (stb > offsetb.top - whb + tb.height()) {
setTimeout(function () {
$('#tile_three').fadeIn('slow');
$('.animation_3').addClass('animated');
}, 3200);
}
;
});
}
</script>
<main id="main" class="m-all cf" role="main" itemscope itemprop="mainContentOfPage" itemtype="http://schema.org/Blog">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<section id="header" class="hero-header white-logo white_header fullscreen background parallax" data-img-width="1280" data-img-height="600" data-diff="300" style="background:url(<?php the_field('header_background'); ?>);">
<div class="content">
<div>
<h1 id="header-title"><?php the_field('header_title'); ?></h1>
<h2 id="header-subtitle"><?php the_field('header_subtitle'); ?></h2>
<p id="header-content"><?php the_field('header_content'); ?></p>
</div>
</div>
<svg class="bottom-svg" height="150" width="2200"><polygon class="corner" points="0,0 2200,150 0,150"></polygon></svg>
</section>
<section id="homepage-section-4" class="solution_page homepage-section white-logo cover_section_space white_header hover_effect icon_effect_solution" style="overflow:visible;background-color: #f26621!important;">
<div class="homepage-section-content" >
<div class="wrapper1 mobile_hide">
<div class="frame_round">
<div class="hilna"><img src="<?php bloginfo('template_url') ?>/library/images/scroll.png" class="shaking"/></div>
<div class="total_solution_text">
TOTAL <br> SOLUTION
</div>
</div>
<div class="solution_icon seffect1 solution-animated" style="padding:40px;">
<div class="solution_icon_in">
<a href="<?php the_field("solution_invoice_automation_link"); ?>">
<svg id="SLayer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.93 426.65"><defs><style>.cls-1{fill:#d42229;}.scls-2{fill:#f16522;}</style></defs><title>Inspyrus-Icons-Vectors-01</title>
<path class="cls-1" d="M576,605.68a29,29,0,1,1,29-29A29.06,29.06,0,0,1,576,605.68Zm0-46.24a17.21,17.21,0,1,0,17.21,17.22A17.23,17.23,0,0,0,576,559.43Z" transform="translate(-337.54 -362.67)"/><path class="cls-1" d="M576,659.22a66.43,66.43,0,0,1-9.74-.9l-1.43-.2a5.92,5.92,0,0,1-5.07-5.33,73.83,73.83,0,0,0-1.29-9.49,68.66,68.66,0,0,1-17.3-7.2,74.67,74.67,0,0,0-6.85,5.29l-.72.6a5.9,5.9,0,0,1-7.37.16,83.24,83.24,0,0,1-15.75-15.72,5.91,5.91,0,0,1,.13-7.34,70.58,70.58,0,0,0,5.72-7.7,68.41,68.41,0,0,1-7.23-17.25,72.15,72.15,0,0,0-8.95-1.24,6.32,6.32,0,0,1-5.65-5.13l-.25-1.77a65.24,65.24,0,0,1-.85-9.35,67.26,67.26,0,0,1,.9-9.77l.2-1.41a5.91,5.91,0,0,1,5.33-5.07,74.56,74.56,0,0,0,9.24-1.23,67.64,67.64,0,0,1,7.24-17.22,63.37,63.37,0,0,0-5.71-7.69,5.9,5.9,0,0,1-.16-7.37,83.46,83.46,0,0,1,15.76-15.75,5.91,5.91,0,0,1,7.37.17l.65.55a75.66,75.66,0,0,0,6.91,5.34A68.47,68.47,0,0,1,558.45,510a72,72,0,0,0,1.3-9.5,5.92,5.92,0,0,1,5.07-5.33l1.4-.2a71.37,71.37,0,0,1,19.51,0l1.44.2a5.92,5.92,0,0,1,5.07,5.33,73.72,73.72,0,0,0,1.28,9.48,69.13,69.13,0,0,1,17.3,7.2,74.37,74.37,0,0,0,6.93-5.36l.63-.53a5.92,5.92,0,0,1,7.38-.17,82.81,82.81,0,0,1,15.74,15.73,5.9,5.9,0,0,1-.18,7.38,60.86,60.86,0,0,0-5.67,7.63,68.55,68.55,0,0,1,7.23,17.28,75.55,75.55,0,0,0,9,1.24,6.26,6.26,0,0,1,5.62,5.13l.25,1.8a51.52,51.52,0,0,1,0,18.62l-.26,1.85a5.91,5.91,0,0,1-5.34,5.1,74.79,74.79,0,0,0-9.24,1.23,67.85,67.85,0,0,1-7.23,17.22,61.33,61.33,0,0,0,5.69,7.69,5.9,5.9,0,0,1,.17,7.38,84,84,0,0,1-15.75,15.75,5.94,5.94,0,0,1-7.38-.15l-.75-.63a80.14,80.14,0,0,0-6.83-5.28,69,69,0,0,1-17.27,7.18,72,72,0,0,0-1.3,9.5,5.92,5.92,0,0,1-5.07,5.33l-1.42.2A68,68,0,0,1,576,659.22ZM571,647a39.91,39.91,0,0,0,9.91,0c.59-4.8,1.49-9.2,3.18-11.93a5.9,5.9,0,0,1,3.79-2.65,57.16,57.16,0,0,0,19.24-8,5.9,5.9,0,0,1,4.51-.8c3.23.72,6.81,3.18,10.53,6.16a72.78,72.78,0,0,0,7-7c-4.46-5.83-5.56-8.8-6-10.59a5.93,5.93,0,0,1,.81-4.59,56.24,56.24,0,0,0,8-19.13,5.9,5.9,0,0,1,2.67-3.79c2.62-1.62,6.46-2.48,11.62-3.1a33.7,33.7,0,0,0,0-9.9c-4.66-.58-8.9-1.42-11.65-3.12a5.92,5.92,0,0,1-2.67-3.8,56.86,56.86,0,0,0-8-19.2,5.91,5.91,0,0,1-.81-4.51c.4-1.79,1.49-4.76,6-10.61a70.78,70.78,0,0,0-7-7c-3.72,3-7.3,5.42-10.53,6.15a5.85,5.85,0,0,1-4.51-.8,57.07,57.07,0,0,0-19.26-8,5.89,5.89,0,0,1-3.79-2.65c-1.64-2.62-2.53-6.66-3.17-11.91a38.81,38.81,0,0,0-9.91,0c-.58,4.79-1.48,9.19-3.18,11.92a6,6,0,0,1-3.8,2.66,56.75,56.75,0,0,0-19.26,8,5.84,5.84,0,0,1-4.52.8c-3.22-.73-6.78-3.17-10.5-6.15a71.9,71.9,0,0,0-7,7c4.47,5.86,5.57,8.8,6,10.57a5.9,5.9,0,0,1-.81,4.59,56,56,0,0,0-8,19.14,5.89,5.89,0,0,1-2.67,3.79c-2.61,1.62-6.46,2.48-11.63,3.1a40.47,40.47,0,0,0-.35,5,39.75,39.75,0,0,0,.36,4.95c4.68.57,8.9,1.42,11.65,3.12a5.92,5.92,0,0,1,2.67,3.8,56.62,56.62,0,0,0,8,19.17,5.92,5.92,0,0,1,.8,4.55c-.62,2.69-2.41,5.9-6,10.57a71.29,71.29,0,0,0,7,7c3.72-3,7.29-5.42,10.52-6.15a5.9,5.9,0,0,1,4.51.8,56.8,56.8,0,0,0,19.26,8,5.93,5.93,0,0,1,3.8,2.66C569.52,637.77,570.41,641.82,571,647Z" transform="translate(-337.54 -362.67)"/></svg>
<svg id="SLayer_2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.93 426.65"><defs><style>.scls-2{fill:#f16522;}</style></defs><title>Inspyrus-Icons-Vectors-01</title>
<path class="scls-2" d="M767.18,529.67a47.26,47.26,0,0,0-46.54,39.18h0l-39.58-.2c.2,2.65.4,5.3.4,8s-.2,5.19-.39,7.76l39.49.2a47.26,47.26,0,1,0,46.61-54.93Zm0,78.81A31.52,31.52,0,1,1,798.7,577,31.56,31.56,0,0,1,767.18,608.47Zm-96.42,86.29a47.07,47.07,0,0,0-16.24,2.92h0L635.24,663.9a105.38,105.38,0,0,1-13.71,7.77l19.29,33.8h0a47.28,47.28,0,1,0,29.95-10.7Zm0,78.81A31.52,31.52,0,1,1,702.29,742,31.56,31.56,0,0,1,670.77,773.57Zm-35.2-283.94,20.16-34.53a47.16,47.16,0,1,0-13.62-7.92l-20.21,34.61A105.22,105.22,0,0,1,635.57,489.63Zm5.33-78.72a31.52,31.52,0,1,1,31.52,31.52A31.56,31.56,0,0,1,640.89,410.91ZM470.53,576.64c0-3.05.2-6.06.46-9l-39.56-.2h0a47.26,47.26,0,1,0-.07,15.75l39.51.2C470.73,581.13,470.53,578.91,470.53,576.64Zm-85.71,29.93A31.52,31.52,0,1,1,416.34,575,31.56,31.56,0,0,1,384.82,606.57Zm126.36-160a48,48,0,1,0-13.7,7.77h0L517.29,489A105.46,105.46,0,0,1,531,481.34l-19.86-34.8Zm-29.95-5.06A31.52,31.52,0,1,1,512.76,410,31.56,31.56,0,0,1,481.23,441.48Zm34.68,221.79L496.27,696.9a47.16,47.16,0,1,0,13.62,7.92l19.63-33.61A105.27,105.27,0,0,1,515.91,663.26Zm-4.81,77.83a31.52,31.52,0,1,1-31.52-31.52A31.56,31.56,0,0,1,511.11,741.09Z" transform="translate(-337.54 -362.67)"/></svg>
</a>
</div>
</div>
<div id="ani_container_one"></div>
<div class="solution_icon seffect2 solution-animated" data-animation="fadeInUp" data-animation-delay="200">
<div class="solution_icon_in">
<a href="<?php the_field("solution_supplier_enablement_link"); ?>">
<svg xml:space="preserve" style="enable-background:new 0 0 496.9 363.14;" viewBox="-120 0 615.9 346.4" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_3" version="1.1">
<style type="text/css">
.st0{fill:#D42229;}
.st1{fill:#F16522;}
</style>
<path d="M331.4,225.9H8.2c-4.4,0-8-3.6-8-8V56.2C0.2,25.2,25.4,0,56.4,0h226.8c31,0,56.2,25.2,56.2,56.2v161.7 C339.4,222.3,335.8,225.9,331.4,225.9z M16.2,209.9h307.2V56.2c0-22.2-18-40.2-40.2-40.2H56.4c-22.2,0-40.2,18-40.2,40.2V209.9z" class="st0"/>
<path d="M462.7,185.4H357.8c-4.4,0-8-3.6-8-8l-0.3-105c0-2.1,0.8-4.2,2.3-5.7s3.5-2.4,5.7-2.4h64.9c3.3,0,6.3,2,7.5,5.1 l40.3,105c0.9,2.5,0.6,5.2-0.9,7.4C467.8,184.1,465.3,185.4,462.7,185.4z M365.7,169.4H451l-34.2-89h-51.4L365.7,169.4z" class="st1"/>
<path d="M476.7,236.5c-0.5-2.9-3.5-24.4-5.4-37c-0.8-5.1-6.4-5.7-7.1-5.7h-106c-4.4,0-8.7,3.6-8.7,8.5V225 c0,5.6-2.7,11.1-11.8,11.1H8c-1,0-2,0.1-2.9,0.5c-3.2,1.3-5.2,4.3-5.1,7.6l0.3,31c0,4.4,3.6,7.9,8,7.9h33c-1,3.8-1.5,7.8-1.5,11.8 c0,26.7,21.8,48.5,48.5,48.5s48.5-21.8,48.5-48.5c0-4.1-0.5-8-1.5-11.8h210.5c-1,3.8-1.5,7.8-1.5,11.8c0,26.7,21.8,48.5,48.5,48.5 s48.5-21.8,48.5-48.5c0-4.1-0.5-8-1.5-11.8h19c3.5,0,6.6-2.3,7.6-5.6l9.7-31C477,244,477.1,239,476.7,236.5z M48.5,267H16.1L16,252 h49.5C58.7,255.7,52.9,260.8,48.5,267z M88.2,327.3c-17.9,0-32.5-14.6-32.5-32.5s14.6-32.5,32.5-32.5s32.5,14.6,32.5,32.5 S106.1,327.3,88.2,327.3z M392.8,327.3c-17.9,0-32.5-14.6-32.5-32.5s14.6-32.5,32.5-32.5s32.5,14.6,32.5,32.5 S410.7,327.3,392.8,327.3z M461.1,241.6L453,267h-20.5c-4.4-6.2-9.8-10.7-16.9-15c-13.3-8-34.4-6.9-45.5,0 c-4.9,3.1-12.5,8.7-16.9,15H127.9c-4.4-6.2-10.2-11.4-16.9-15h229.3c21.5,0,25.3-16.9,25.3-24c0-5.4,0-20.3,0-20.3h90.6L461.1,241.6 z" class="st1"/>
</svg>
</a>
</div>
</div>
<div class="solution_icon solution-icon_3 seffect3" style="padding: 60px;" >
<div class="solution_icon_in">
<a href="<?php the_field("solution_dynamic_discounting_link"); ?>">
<svg id="Layer_3-1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 406.81 397.45"><defs><style>.scls1-1{fill:#d42229;}.cls1-2{fill:#f16522;}</style></defs><title>Inspyrus-Icons-Vectors-02</title><path class="scls1-1" d="M458.57,711.23a8.75,8.75,0,0,1-8.75-8.75V545.21H403V702.48a8.75,8.75,0,0,1-17.49,0v-166a8.75,8.75,0,0,1,8.75-8.75h64.28a8.75,8.75,0,0,1,8.75,8.75v166A8.75,8.75,0,0,1,458.57,711.23Z" transform="translate(-372.6 -377.27)"/><path class="scls1-1" d="M560.7,711.23a8.75,8.75,0,0,1-8.75-8.75V473.21H505.17V702.48a8.75,8.75,0,1,1-17.49,0v-238a8.75,8.75,0,0,1,8.75-8.75H560.7a8.75,8.75,0,0,1,8.75,8.75v238A8.75,8.75,0,0,1,560.7,711.23Z" transform="translate(-372.6 -377.27)"/><path class="scls1-1" d="M598.55,599a8.75,8.75,0,0,1-8.75-8.75V386a8.75,8.75,0,0,1,8.75-8.75h64.28a8.75,8.75,0,0,1,8.75,8.75V559a8.75,8.75,0,0,1-17.49,0V394.77H607.3V590.29A8.75,8.75,0,0,1,598.55,599Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M572.44,713.57H381.34a8.75,8.75,0,0,1,0-17.49h191.1a8.75,8.75,0,0,1,0,17.49Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M669.25,774.73A110.15,110.15,0,1,1,779.4,664.58,110.28,110.28,0,0,1,669.25,774.73Zm0-202.81a92.66,92.66,0,1,0,92.66,92.66A92.76,92.76,0,0,0,669.25,571.92Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M666.94,627.2a8.75,8.75,0,0,1-8.75-8.75V598.15a8.75,8.75,0,0,1,17.49,0v20.31A8.75,8.75,0,0,1,666.94,627.2Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M666.94,736.06a8.75,8.75,0,0,1-8.75-8.75V707a8.75,8.75,0,0,1,17.49,0v20.3A8.75,8.75,0,0,1,666.94,736.06Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M671,712.54a68.17,68.17,0,0,1-7.73-.45c-8.86-1-17.33-3.82-26.29-6.81l-1.68-.56a8.75,8.75,0,0,1,5.52-16.6l1.69.56c8.42,2.8,15.68,5.23,22.72,6,14.09,1.6,22.3-2.5,25.27-6.87a6.93,6.93,0,0,0,.52-7.48c-2.28-4.3-9.67-8.88-23.57-8.88H667c-19.05,0-33.47-6.59-39.59-18.11A24.2,24.2,0,0,1,628.95,628c7.68-11.29,23.45-16.77,42.15-14.68,8.9,1,17.43,3.84,26.45,6.85l1.58.53a8.75,8.75,0,0,1-5.52,16.6l-1.59-.53c-8.48-2.82-15.81-5.27-22.88-6.06-14.3-1.62-22.66,2.63-25.72,7.13a6.78,6.78,0,0,0-.58,7.29c2.27,4.27,9.8,8.82,24.13,8.82h.45c18.68,0,32.9,6.61,39,18.17a24.37,24.37,0,0,1-1.51,25.53C698.45,707.22,686.06,712.54,671,712.54Z" transform="translate(-372.6 -377.27)"/></svg>
<svg id="SLayer_3-2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 406.81 397.45"><defs><style>.scls1-1{fill:#d42229;}.cls1-2{fill:#f16522;}</style></defs><title>Inspyrus-Icons-Vectors-02</title><path class="scls1-1" d="M458.57,711.23a8.75,8.75,0,0,1-8.75-8.75V545.21H403V702.48a8.75,8.75,0,0,1-17.49,0v-166a8.75,8.75,0,0,1,8.75-8.75h64.28a8.75,8.75,0,0,1,8.75,8.75v166A8.75,8.75,0,0,1,458.57,711.23Z" transform="translate(-372.6 -377.27)"/><path class="scls1-1" d="M560.7,711.23a8.75,8.75,0,0,1-8.75-8.75V473.21H505.17V702.48a8.75,8.75,0,1,1-17.49,0v-238a8.75,8.75,0,0,1,8.75-8.75H560.7a8.75,8.75,0,0,1,8.75,8.75v238A8.75,8.75,0,0,1,560.7,711.23Z" transform="translate(-372.6 -377.27)"/><path class="scls1-1" d="M598.55,599a8.75,8.75,0,0,1-8.75-8.75V386a8.75,8.75,0,0,1,8.75-8.75h64.28a8.75,8.75,0,0,1,8.75,8.75V559a8.75,8.75,0,0,1-17.49,0V394.77H607.3V590.29A8.75,8.75,0,0,1,598.55,599Z" transform="translate(-372.6 -377.27)"/></svg>
</a>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="wrapper1">
<!-- START Tile One -->
<div id="ani_container_one"></div>
<div class="tile">
<div id="tile_one" style="display:none;">
<div class="icon_effect mobile_sol effect1 animation_1">
<div class="align_icon">
<a href="<?php the_field("solution_invoice_automation_link"); ?>">
<img id="Layer_1" src="<?php bloginfo('template_url') ?>/library/images/hub-gear-new.png" />
<svg id="Layer_2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 476.93 426.65"><defs><style>.cls-2{fill:#f16522;}</style></defs><title>Inspyrus-Icons-Vectors-01</title>
<path class="cls-2" d="M767.18,529.67a47.26,47.26,0,0,0-46.54,39.18h0l-39.58-.2c.2,2.65.4,5.3.4,8s-.2,5.19-.39,7.76l39.49.2a47.26,47.26,0,1,0,46.61-54.93Zm0,78.81A31.52,31.52,0,1,1,798.7,577,31.56,31.56,0,0,1,767.18,608.47Zm-96.42,86.29a47.07,47.07,0,0,0-16.24,2.92h0L635.24,663.9a105.38,105.38,0,0,1-13.71,7.77l19.29,33.8h0a47.28,47.28,0,1,0,29.95-10.7Zm0,78.81A31.52,31.52,0,1,1,702.29,742,31.56,31.56,0,0,1,670.77,773.57Zm-35.2-283.94,20.16-34.53a47.16,47.16,0,1,0-13.62-7.92l-20.21,34.61A105.22,105.22,0,0,1,635.57,489.63Zm5.33-78.72a31.52,31.52,0,1,1,31.52,31.52A31.56,31.56,0,0,1,640.89,410.91ZM470.53,576.64c0-3.05.2-6.06.46-9l-39.56-.2h0a47.26,47.26,0,1,0-.07,15.75l39.51.2C470.73,581.13,470.53,578.91,470.53,576.64Zm-85.71,29.93A31.52,31.52,0,1,1,416.34,575,31.56,31.56,0,0,1,384.82,606.57Zm126.36-160a48,48,0,1,0-13.7,7.77h0L517.29,489A105.46,105.46,0,0,1,531,481.34l-19.86-34.8Zm-29.95-5.06A31.52,31.52,0,1,1,512.76,410,31.56,31.56,0,0,1,481.23,441.48Zm34.68,221.79L496.27,696.9a47.16,47.16,0,1,0,13.62,7.92l19.63-33.61A105.27,105.27,0,0,1,515.91,663.26Zm-4.81,77.83a31.52,31.52,0,1,1-31.52-31.52A31.56,31.56,0,0,1,511.11,741.09Z" transform="translate(-337.54 -362.67)"/></svg>
</a>
</div>
</div>
<div class="hide_text_block">
<?php the_field('section_2_col_1_text'); ?>
</div>
</div>
</div>
<!-- END Tile One -->
<!-- START Tile Two -->
<div id="ani_container_two"></div>
<div class="tile">
<div id="tile_two" style="display:none;">
<div class="icon_effect mobile_sol icon_3 effect3 animation_2" style="padding: 60px;display:none;" >
<div class="align_icon">
<a href="<?php the_field("solution_dynamic_discounting_link"); ?>">
<svg id="Layer_3-2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 406.81 397.45"><defs><style>.cls1-1{fill:#d42229;}.cls1-2{fill:#f16522;}</style></defs><title>Inspyrus-Icons-Vectors-02</title><path class="cls1-1" d="M458.57,711.23a8.75,8.75,0,0,1-8.75-8.75V545.21H403V702.48a8.75,8.75,0,0,1-17.49,0v-166a8.75,8.75,0,0,1,8.75-8.75h64.28a8.75,8.75,0,0,1,8.75,8.75v166A8.75,8.75,0,0,1,458.57,711.23Z" transform="translate(-372.6 -377.27)"/><path class="cls1-1" d="M560.7,711.23a8.75,8.75,0,0,1-8.75-8.75V473.21H505.17V702.48a8.75,8.75,0,1,1-17.49,0v-238a8.75,8.75,0,0,1,8.75-8.75H560.7a8.75,8.75,0,0,1,8.75,8.75v238A8.75,8.75,0,0,1,560.7,711.23Z" transform="translate(-372.6 -377.27)"/><path class="cls1-1" d="M598.55,599a8.75,8.75,0,0,1-8.75-8.75V386a8.75,8.75,0,0,1,8.75-8.75h64.28a8.75,8.75,0,0,1,8.75,8.75V559a8.75,8.75,0,0,1-17.49,0V394.77H607.3V590.29A8.75,8.75,0,0,1,598.55,599Z" transform="translate(-372.6 -377.27)"/></svg>
<svg id="Layer_3-1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 406.81 397.45"><defs><style>.cls1-1{fill:#d42229;}.cls1-2{fill:#f16522;}</style></defs><title>Inspyrus-Icons-Vectors-02</title><path class="cls1-1" d="M458.57,711.23a8.75,8.75,0,0,1-8.75-8.75V545.21H403V702.48a8.75,8.75,0,0,1-17.49,0v-166a8.75,8.75,0,0,1,8.75-8.75h64.28a8.75,8.75,0,0,1,8.75,8.75v166A8.75,8.75,0,0,1,458.57,711.23Z" transform="translate(-372.6 -377.27)"/><path class="cls1-1" d="M560.7,711.23a8.75,8.75,0,0,1-8.75-8.75V473.21H505.17V702.48a8.75,8.75,0,1,1-17.49,0v-238a8.75,8.75,0,0,1,8.75-8.75H560.7a8.75,8.75,0,0,1,8.75,8.75v238A8.75,8.75,0,0,1,560.7,711.23Z" transform="translate(-372.6 -377.27)"/><path class="cls1-1" d="M598.55,599a8.75,8.75,0,0,1-8.75-8.75V386a8.75,8.75,0,0,1,8.75-8.75h64.28a8.75,8.75,0,0,1,8.75,8.75V559a8.75,8.75,0,0,1-17.49,0V394.77H607.3V590.29A8.75,8.75,0,0,1,598.55,599Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M572.44,713.57H381.34a8.75,8.75,0,0,1,0-17.49h191.1a8.75,8.75,0,0,1,0,17.49Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M669.25,774.73A110.15,110.15,0,1,1,779.4,664.58,110.28,110.28,0,0,1,669.25,774.73Zm0-202.81a92.66,92.66,0,1,0,92.66,92.66A92.76,92.76,0,0,0,669.25,571.92Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M666.94,627.2a8.75,8.75,0,0,1-8.75-8.75V598.15a8.75,8.75,0,0,1,17.49,0v20.31A8.75,8.75,0,0,1,666.94,627.2Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M666.94,736.06a8.75,8.75,0,0,1-8.75-8.75V707a8.75,8.75,0,0,1,17.49,0v20.3A8.75,8.75,0,0,1,666.94,736.06Z" transform="translate(-372.6 -377.27)"/><path class="cls1-2" d="M671,712.54a68.17,68.17,0,0,1-7.73-.45c-8.86-1-17.33-3.82-26.29-6.81l-1.68-.56a8.75,8.75,0,0,1,5.52-16.6l1.69.56c8.42,2.8,15.68,5.23,22.72,6,14.09,1.6,22.3-2.5,25.27-6.87a6.93,6.93,0,0,0,.52-7.48c-2.28-4.3-9.67-8.88-23.57-8.88H667c-19.05,0-33.47-6.59-39.59-18.11A24.2,24.2,0,0,1,628.95,628c7.68-11.29,23.45-16.77,42.15-14.68,8.9,1,17.43,3.84,26.45,6.85l1.58.53a8.75,8.75,0,0,1-5.52,16.6l-1.59-.53c-8.48-2.82-15.81-5.27-22.88-6.06-14.3-1.62-22.66,2.63-25.72,7.13a6.78,6.78,0,0,0-.58,7.29c2.27,4.27,9.8,8.82,24.13,8.82h.45c18.68,0,32.9,6.61,39,18.17a24.37,24.37,0,0,1-1.51,25.53C698.45,707.22,686.06,712.54,671,712.54Z" transform="translate(-372.6 -377.27)"/></svg>
</a>
</div>
</div>
<div class="hide_text_block">
<?php the_field('section_2_col_2_text'); ?>
</div>
</div>
</div>
<!-- END Tile Two -->
<!-- START Tile Three -->
<div id="ani_container_three"></div>
<div class="tile">
<div id="tile_three" style="display:none;">
<div class="icon_effect mobile_sol effect2 animation_3" data-animation="" data-animation-delay="200" style="display:none;">
<div class="align_icon">
<a href="<?php the_field("solution_supplier_enablement_link"); ?>">
<svg xml:space="preserve" style="enable-background:new 0 0 496.9 363.14;" viewBox="-120 0 615.9 346.4" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" id="Layer_3" version="1.1">
<style type="text/css">
.st0{fill:#D42229;}
.st1{fill:#F16522;}
</style>
<path d="M331.4,225.9H8.2c-4.4,0-8-3.6-8-8V56.2C0.2,25.2,25.4,0,56.4,0h226.8c31,0,56.2,25.2,56.2,56.2v161.7 C339.4,222.3,335.8,225.9,331.4,225.9z M16.2,209.9h307.2V56.2c0-22.2-18-40.2-40.2-40.2H56.4c-22.2,0-40.2,18-40.2,40.2V209.9z" class="st0"/>
<path d="M462.7,185.4H357.8c-4.4,0-8-3.6-8-8l-0.3-105c0-2.1,0.8-4.2,2.3-5.7s3.5-2.4,5.7-2.4h64.9c3.3,0,6.3,2,7.5,5.1 l40.3,105c0.9,2.5,0.6,5.2-0.9,7.4C467.8,184.1,465.3,185.4,462.7,185.4z M365.7,169.4H451l-34.2-89h-51.4L365.7,169.4z" class="st1"/>
<path d="M476.7,236.5c-0.5-2.9-3.5-24.4-5.4-37c-0.8-5.1-6.4-5.7-7.1-5.7h-106c-4.4,0-8.7,3.6-8.7,8.5V225 c0,5.6-2.7,11.1-11.8,11.1H8c-1,0-2,0.1-2.9,0.5c-3.2,1.3-5.2,4.3-5.1,7.6l0.3,31c0,4.4,3.6,7.9,8,7.9h33c-1,3.8-1.5,7.8-1.5,11.8 c0,26.7,21.8,48.5,48.5,48.5s48.5-21.8,48.5-48.5c0-4.1-0.5-8-1.5-11.8h210.5c-1,3.8-1.5,7.8-1.5,11.8c0,26.7,21.8,48.5,48.5,48.5 s48.5-21.8,48.5-48.5c0-4.1-0.5-8-1.5-11.8h19c3.5,0,6.6-2.3,7.6-5.6l9.7-31C477,244,477.1,239,476.7,236.5z M48.5,267H16.1L16,252 h49.5C58.7,255.7,52.9,260.8,48.5,267z M88.2,327.3c-17.9,0-32.5-14.6-32.5-32.5s14.6-32.5,32.5-32.5s32.5,14.6,32.5,32.5 S106.1,327.3,88.2,327.3z M392.8,327.3c-17.9,0-32.5-14.6-32.5-32.5s14.6-32.5,32.5-32.5s32.5,14.6,32.5,32.5 S410.7,327.3,392.8,327.3z M461.1,241.6L453,267h-20.5c-4.4-6.2-9.8-10.7-16.9-15c-13.3-8-34.4-6.9-45.5,0 c-4.9,3.1-12.5,8.7-16.9,15H127.9c-4.4-6.2-10.2-11.4-16.9-15h229.3c21.5,0,25.3-16.9,25.3-24c0-5.4,0-20.3,0-20.3h90.6L461.1,241.6 z" class="st1"/>
</svg>
</a>
</div>
</div>
<div class="hide_text_block">
<?php the_field('section_2_col_3_text'); ?>
</div>
</div>
</div>
<!-- END Tile Three -->
</div>
<div class="clearfix"></div>
<p>Learn more about our <strong><a href="<?php bloginfo('siteurl') ?>/cloud/" style="color:white;">Cloud</a></strong> and <strong><a href="<?php bloginfo('siteurl') ?>/mobile/" style="color:white;">Mobile</a></strong> offerings. </p>
<br>
</div>
<div style="clear:both;"></div>
</section>
<!-- START Parralax -->
<!-- START Base -->
<div id="solution_fixed_base_cont">
<div id="solution_fixed_base" data-stellar-ratio="1">
<div id="solution_fixed_cont" style="background:url(<?php the_field('secondary_header_background'); ?>);" data-stellar-background-ratio="1.25" data-stellar-vertical-offset="1200">
<div id="solution_fixed">
<section id="secondary-header" class="white-logo white_header fullscreen background" data-img-width="2070" data-img-height="1380" data-diff="300"><svg class="top-svg" height="150" width="2200" style="top:0;">
<polygon class="corner" points="0,150 2200,0 2200,150"></polygon></svg>
<!-- secondary header img only -->
<svg class="savings-svg" height="150" width="2200">
<polygon class="corner" points="0,0 0,190 2200,150"></polygon>
</svg>
</section>
</div>
</div>
</div>
</div>
<!-- END Base -->
<!-- END Parralax -->
<!-- START The Better Way -->
<section id="id_red" class="red_area white_header">
<div class="content">
<div class="col-1 centered-text">
<?php the_field('bottom_section_left_text'); ?>
<div class="pdf-icon">
<a href="<?php the_field("brochure_pdf"); ?>" target="_blank">
<img src="<?php the_field('brochure_pdf_thumb'); ?>" /><br />
<strong>View Brochure</strong>
</a>
</div>
<div class="mobile-pdf-icon">
<a href="<?php the_field("brochure_pdf"); ?>" target="_blank" download>
<img src="<?php the_field('brochure_pdf_thumb'); ?>" /><br />
<strong>View Brochure</strong>
</a>
</div>
</div>
</div>
<svg class="better-way-bottom-svg" height="150" width="2200">
<polygon class="corner" points="0,150 2200,0 2200,150" style="fill: #999; stroke: #999;overflow:hidden;"></polygon>
</svg>
</section>
<!-- END The Better Way -->
<!-- START Unlock Savings -->
<a name="unlock_savings"></a>
<div id="unlock_savings">
<!-- START Title -->
<div class="title">
<h2>
<?php the_field('unlocking_savings_headline'); ?>
</h2>
</div>
<!-- END Title -->
<!-- START Description -->
<div class="description white-text">
<?php the_field('unlocking_savings_description'); ?>
</div>
<!-- END Description -->
<!-- START Thumbnail -->
<div class="thumbnail">
<a href="<?php the_field('unlocking_savings_pdf'); ?>" target="_blank">
<img src="<?php the_field('unlocking_savings_thumbnail'); ?>" alt="Unlocking Savings" />
</a>
</div>
<!-- END Description -->
<svg class="savings-bottom-svg" height="150" width="2200" style="background-color: #ffffff;">
<polygon class="corner" points="0,0 2200,0 2200,150" style="fill:#999;"></polygon>
</svg>
</div>
<!-- END Unlock Savings -->
<!-- START Total Solutions -->
<section id="total_solutions_graph" class="bottom-text color-logo centered-text black_header">
<div class="content">
<div class="totalsolbox">
<h2 class="centered-text capslock orange-text">TOTAL SOLUTION</h2>
<p>Single integrated application delivers a force multiplier that dramatically increases the effectiveness of Invoice Automation, Dynamic Discounting and Supplier Enablement.</p>
<div class="totalsol">
<a class="link1" href="<?php the_field("solution_invoice_automation_link"); ?>"></a>
<a class="link2" href="<?php the_field("solution_dynamic_discounting_link"); ?>"></a>
<a class="link3" href="<?php the_field("solution_supplier_enablement_link"); ?>"></a>
<img src="<?php bloginfo('template_url') ?>/library/images/portfolio-diagram-new.png">
</div>
</div>
<!-- total sol box end -->
</div>
<div class="clear"></div>
</section>
<!-- END Total Solutions -->
<style type="text/css">
#homepage-section-6 svg,
#homepage-section-6 svg .corner{fill:#FFFFFF; stroke:#FFFFFF;}
</style>
<?php
endwhile;
else :
?>
<article id="post-not-found" class="hentry cf">
<header class="article-header">
<h1><?php _e('Oops, Post Not Found!', 'bonestheme'); ?></h1>
</header>
<section class="entry-content">
<p><?php _e('Uh Oh. Something is missing. Try double checking things.', 'bonestheme'); ?></p>
</section>
<footer class="article-footer">
<p><?php _e('This is the error message in the page-custom.php template.', 'bonestheme'); ?></p>
</footer>
</article>
<?php endif; ?>
</main>
<div id="loader" style="display:none;">
<img src="<?php echo get_bloginfo('stylesheet_directory'); ?>/library/images/loader.svg" />
</div>
<script src="<?php bloginfo('template_url') ?>/library/js/jquery.stellar.js"></script>
<script src="<?php bloginfo('template_url') ?>/library/js/inspyrus_scroll.js"></script>
<?php get_footer(); ?>
Can you spot the anchor element that creates this bug? I have a bunch of code and its hard to find wich anchor creates this problem
There's only one ancor in the page (line 660)
Have you tried without the script, starting at line 375 ?
Or, have you tried changing line 458 to </ script> ?
Have you tried without the script, starting at line 375 ?
Or, have you tried changing line 458 to </ script> ?
You have anchor without href:
And I don't see any event in thgis anchor. So its normal to not link anywhere
<a name="unlock_savings"></a>And I don't see any event in thgis anchor. So its normal to not link anywhere
ASKER
I want to link to it via a url, for an email newsletter.
Do you want to add a specific url inside this anchor via javascript or Jquery?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.