Witam,
mam taki kod odpowiadający za przyciski na stronie:
<div class="buttons" data-aos="fade-up"> <a href="https://play.google.com/store/apps/details?id=........." class="smoothscroll button stroke"> <span class="icon-circle-down" aria-hidden="true"></span> Pobierz Aplikacje
<a href="" data-lity class="button stroke"> <span class="icon-play" aria-hidden="true"></span> Zobacz wideopomoc
Przycisk 'Pobierz aplikacje' nie działa kompletnie, natomiast wideopomoc "miga" czyli coś się dzieje. W konsoli mam coś takiego
12:01:40.940 main.js:135 Uncaught TypeError: Cannot read property 'top' of undefined
at HTMLAnchorElement.<anonymous> (main.js:135)
at HTMLAnchorElement.dispatch (jquery-2.1.3.min.js:3)
at HTMLAnchorElement.r.handle (jquery-2.1.3.min.js:3)
jeszcze css:
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
font-family: "montserrat-regular", sans-serif;
font-size: 1.5rem;
height: 5.4rem;
line-height: calc(5.4rem - .6rem);
padding: 0 3rem;
margin: 0 .3rem 1.2rem 0;
color: #222222;
text-decoration: none;
cursor: pointer;
text-align: center;
white-space: nowrap;
border-radius: .5rem;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: #c5c5c5;
border: .3rem solid #c5c5c5;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
background-color: #b8b8b8;
border-color: #b8b8b8;
color: #000000;
outline: 0;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
background-color: #39b54a;
border-color: #39b54a;
color: #FFFFFF;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
background: #309a3f;
border-color: #309a3f;
}
button.full-width,
.button.full-width {
width: 100%;
margin-right: 0;
}
button.medium,
.button.medium {
height: 5.7rem !important;
line-height: calc(5.7rem - .6rem) !important;
}
button.large,
.button.large {
height: 6rem !important;
line-height: calc(6rem - .6rem) !important;
}
button.stroke,
.button.stroke {
background: transparent !important;
color: #a5a5a5 !important;
}
button.stroke:hover,
.button.stroke:hover {
border: 0.3rem solid #39b54a;
color: #39b54a;
}
button.pill,
.button.pill {
padding-left: 3rem !important;
padding-right: 3rem !important;
border-radius: 1000px;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
kompletnie nie wiem jak to ugryźć proszę o pomoc
Ten post edytował krzesik 7.12.2018, 12:07:45