Topic Resolution: Resolved
  • Closed
  • Sanschnei
    Spectator
    September 17, 2015 at 11:10 am #20754

    Hi there,

    the website http://nordsee-schillig.de/ is now online.

    I got a few problems with the buttons in the reading box and the button in the cf7 form. They do not work on my iphone. I tried it on an android mobile phone. This works.

    What can I do?

    And how can I switch off the animation of the buttons in the desktop version. The buttons should just change the colour with the mouse over.

    here is my customer css, if you need it

    /* Anpassungen Bootstrap Slider */
    #bootstrap-slider .carousel-caption {
    background: none;
    left: 0;
    right: 0;
    padding-top: 0;
    padding-bottom: 40px;
    bottom: 0;
    }
    #bootstrap-slider .carousel-caption h2 {
    background: none;
    padding-top: 0;
    padding-bottom: 110px;
    bottom: 0;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
    }
    #bootstrap-slider .carousel-caption .button {
    background: rgba(0,0,0,.4);
    border-width: 2px;
    border-color: rgba(255,255,255,.8);
    box-shadow: none;
    bottom: 100px;
    position: relative;
    }

    /*Formatierung responsive Bootstrap slider*/

    @media screen and (max-width: 768px) {
    #bootstrap-slider .carousel-caption p, #bootstrap-slider .carousel-caption .button {
    cursor: pointer;
    display: block !important;
    margin: 0 auto;
    width: 60px !important;
    }
    }
    @media screen and (max-width: 768px) {
    #bootstrap-slider .carousel-caption h2 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    }
    }

    @media screen and (max-width: 768px) {
    #bootstrap-slider .carousel-caption .button {
    bottom: -15px;
    position: relative;
    }
    }

    /*Formatierung Abstand zum Head*/
    .absatzneg {
    margin-top: -40px;
    }
    .content {
    padding-top: 1px!important;
    }

    /*Formatierung Indivdueller Absatz*/

    .absatz-home {
    margin-top: -30px;
    }
    .absatz-home2 {
    padding: 0px 0px;
    }

    /*Formatierung Links im Text*/

    a.black:hover{
    color: #000000;
    }
    a.black2:hover{
    color: #000000;
    font-weight: bold;
    }

    /*Formatierung Zeilenhöhe Text*/
    .post p {
    line-height: 1.5em;
    }
    .one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    line-height: 1.5em;
    }

    /*Formatierung Zeilenhöhe Auflistung*/
    .entry-content ul.list-icon li {
    line-height: 1.5em;
    }

    /*Formatierung h5 home willkommen*/

    h5.wilk{
    font-size: 20px;
    line-height: 20px;
    margin-top: -10px;
    }

    /*Formatierung für sticky-header*/

    body #header.sticky-header #sticky-nav a {
    font-size: 18px!important;
    }

    /*Formatierung für header*/
    .link-effect a span {
    -moz-transition: none;
    }

    /*Formatierung für Button blue*/
    .button.blue {
    background-image: linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -o-linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -moz-linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -webkit-linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -ms-linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #377caa),color-stop(1, #377caa));
    border: 1px solid #ffffff;
    }
    .no-cssgradients .button.blue {
    background-color: #377caa;
    }

    /*Formatierung tabs */
    .tabset.tabs {
    border-right: 1px solid #e0dddd !important;
    }

    /*Formatierung für Footer */

    .footer .widget-content {
    background: none;
    border: 0;
    box-shadow: none;
    }

    .footer .widget:after {
    background: none;
    }

    #text-2
    .widget-title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    }
    #text-2
    .widget-title-background {
    color: #377caa;
    }
    #text-2
    .widget-title a {
    color: #377caa !important;
    }
    #text-2
    .widget-content {
    font-size: 14px !important;
    text-transform: uppercase;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    -box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    }

    #text-3
    .widget-title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    }
    #text-3
    .widget-content {
    font-size: 14px !important;
    text-transform: uppercase;
    background: none !important;
    border: none !important;
    box-shadow: none;
    -box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    }

    #text-4
    .widget-title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    }
    #text-4
    .widget-content {
    font-size: 14px !important;
    text-transform: uppercase;
    background: none !important;
    border: none !important;
    box-shadow: none;
    -box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    }

    #text-5
    .widget-title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    }
    #text-5
    .widget-content {
    font-size: 14px !important;
    text-transform: uppercase;
    font-size: 15px;
    background: none !important;
    border: none !important;
    box-shadow: none;
    -box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    }

    /*Formatierung für Reading Box*/

    .reading-box-container {
    margin: 20px 0 0;
    }

    .reading-box-container .reading-box {
    padding-bottom: 80px;
    }

    .reading-box-container .button {
    bottom: 20px;
    position: absolute;
    }

    /* Contact Form 7 */

    .wpcf7 p {
    text-transform: none;
    }

    .wpcf7 textarea
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }

    #name
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }

    #adresse
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }

    #plz
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }
    #ort
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }
    #email
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }
    #telefon
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }
    #captchar2
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }
    #captchar1
    {
    background-color: #fff;
    color: #000;
    width: 30%;
    }

    /* Vantage Contact Form 7 Submit Button */

    .wpcf7 input[type="submit"] {
    background-image: linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -o-linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -moz-linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -webkit-linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -ms-linear-gradient(top, #377caa 0%, #377caa 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #377caa),color-stop(1, #377caa));
    border: 1px solid #ffffff;
    }

    /*Formatierung Indivdueller Absatz*/

    .absatz-home {
    margin-top: 10px;
    }

    .absatz-home2 {
    margin-top: -16px;
    }

    /*Formatierung Button Senden Buchung*/

    .button-senden-buchung {
    background-color: #377caa;
    }

    .link-effect a span {
    -moz-transition: none;
    }
    .tabset.tabs {
    border-right: 1px solid #e0dddd !important;
    }

    Thanks a lot for your help.
    Sandra

    Sanschnei
    Spectator
    Posts: 31
    September 17, 2015 at 11:52 am #20756

    Hi,

    I found the answere here

    https://theme4press.com/support/topic/read-more-buttons-dont-work-on-ipad/

    😉

    Thanks a lot for all your other help during the development process of my site.

    Sandra

    Denzel Chia
    Moderator
    Posts: 2656
    September 18, 2015 at 8:44 am #20763

    Thank you!