queue  9
support
Results 1 to 4 of 4

Thread: Issues with Contact Form and Mobile Gallery

  1. #1

    Issues with Contact Form and Mobile Gallery

    Website is www.thinklittle.com

    The Contact form works but doesnt notify on safari that the message has been sent so we are getting 20 spams from multi hits. It works on mobile IOS and notifies message sent.


    The Gallery on Safari looks great but on mobile its white on white and hard to read the names. Already tried Light and Dark versions of the gallery.


    Would love to clean this up if needed. Any creative input would be appreciated.


    Thank you,

    Here is my custom css over the years.

    .pe-header-transparent.pe-header-scrolled-forced .pe-menu>li>a {
    padding-bottom: 14px;
    color: #444;
    -webkit-transition: all .2s ease-out .2s;
    -moz-transition: all .2s ease-out .2s;
    -o-transition: all .2s ease-out .2s;
    transition: all .2s ease-out .2s;
    }

    @media (min-width: 1200px) {
    .desktop .pe-header-transparent.pe-header-scrolled-forced .pe-menu>li>a:hover, .pe-header-transparent.pe-header-scrolled .pe-menu>li.active>a {
    color: #444;
    }
    .pe-parallax {
    background-position: 50% 0 !important;
    }
    .pe-active {
    text-shadow: 2px 2px #000000;
    }
    nav.pe-menu-main
    {
    margin-top: -8px;
    }


    Here is the custom JS

    /* disable splash slider on android, remove the block to enable */
    (function(ua) {
    if (ua.indexOf("android") > -1) jQuery(function($) {$(".pe-splash-section .peWrap > div:gt(0)").remove();});
    }(navigator.userAgent.toLowerCase()));

    jQuery( function( $ ) {

    jQuery( function( $ ) {

    jQuery( '.carouselBox i' ).click( function() {

    var $link = jQuery( this ).closest( '.service-item' ).find( 'a' ).last();

    if ( $link.length ) {
    window.open( $link.attr( 'href' ), '_blank' );
    }

    });

    });

    });

    jQuery( function( $ ) {

    $( '.social-media a' ).attr( 'target', '_blank' );

    });

  2. #2
    Administrator Donagh's Avatar
    Join Date
    Aug 2011
    Posts
    1,852
    Hi, I've checked your page and the form's success message displays for me on both chrome and safari in the same way. The only thing is it takes a while for your server to give a response, sometimes up to 8secs, so maybe people are clicking multiple times because they see no reaction and they except something sooner.

    About the other thing, I guess you are talking about the titles of the grid items on mobile. If so, try pasting this into the custom css field:

    Code:
    .mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title{
    background-color: rgba(0,0,0,0.5);
    }
    That'll change the title background to a transparent dark color, this should help with legibility.

  3. #3
    Alright my custom css looks like this. Its at the bottom. Does it work for you? I can't see it yet after clearing and refreshing.


    .pe-header-transparent.pe-header-scrolled-forced .pe-menu>li>a {
    padding-bottom: 14px;
    color: #444;
    -webkit-transition: all .2s ease-out .2s;
    -moz-transition: all .2s ease-out .2s;
    -o-transition: all .2s ease-out .2s;
    transition: all .2s ease-out .2s;
    }

    @media (min-width: 1200px) {
    .desktop .pe-header-transparent.pe-header-scrolled-forced .pe-menu>li>a:hover, .pe-header-transparent.pe-header-scrolled .pe-menu>li.active>a {
    color: #444;
    }
    .pe-parallax {
    background-position: 50% 0 !important;
    }
    .pe-active {
    text-shadow: 2px 2px #000000;
    }
    nav.pe-menu-main
    {
    margin-top: -8px;
    }
    .mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title{
    background-color: rgba(0,0,0,0.5);
    }

  4. #4
    Quote Originally Posted by Donagh View Post
    Hi, I've checked your page and the form's success message displays for me on both chrome and safari in the same way. The only thing is it takes a while for your server to give a response, sometimes up to 8secs, so maybe people are clicking multiple times because they see no reaction and they except something sooner.
    We are with iPage I would like some other faster server options we are ready to jump ship.