Android Banner Not Appearing

</style><style type="text/css" media="all">#smartbanner{position:absolute;left:0;top:-82px;border-bottom:1px solid #e8e8e8;width:100%;height:78px;font-family:'Helvetica Neue',sans-serif;background:-webkit-linear-gradient(top,#f4f4f4 0%,#cdcdcd 100%);background-image:-ms-linear-gradient(top,#F4F4F4 0%,#CDCDCD 100%);background-image:-moz-linear-gradient(top,#F4F4F4 0%,#CDCDCD 100%);box-shadow:0 1px 2px rgba(0,0,0,0.5);z-index:9998;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-text-size-adjust:none}#smartbanner .sb-container{margin:0 auto}#smartbanner .sb-close{position:absolute;left:5px;top:5px;display:block;border:2px solid #fff;width:14px;height:14px;font-family:'ArialRoundedMTBold',Arial;font-size:15px;line-height:15px;text-align:center;color:#fff;background:#070707;text-decoration:none;text-shadow:none;border-radius:14px;box-shadow:0 2px 3px rgba(0,0,0,0.4);-webkit-font-smoothing:subpixel-antialiased}#smartbanner .sb-close:active{font-size:13px;color:#aaa}#smartbanner .sb-icon{position:absolute;left:30px;top:10px;display:block;width:57px;height:57px;background:rgba(0,0,0,0.6);background-size:cover;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,0.3)}#smartbanner.no-icon .sb-icon{display:none}#smartbanner .sb-info{position:absolute;left:98px;top:18px;width:44%;font-size:11px;line-height:1.2em;font-weight:bold;color:#6a6a6a;text-shadow:0 1px 0 rgba(255,255,255,0.8)}#smartbanner #smartbanner.no-icon .sb-info{left:34px}#smartbanner .sb-info strong{display:block;font-size:13px;color:#4d4d4d;line-height:18px}#smartbanner .sb-info > span{display:block}#smartbanner .sb-info em{font-style:normal;text-transform:uppercase}#smartbanner .sb-button{position:absolute;right:20px;top:24px;border:1px solid #bfbfbf;padding:0 10px;min-width:10%;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:bold;color:#6a6a6a;background:-webkit-linear-gradient(top,#efefef 0%,#dcdcdc 100%);text-transform:uppercase;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,0.8);border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset}#smartbanner .sb-button:active,#smartbanner .sb-button:hover{background:-webkit-linear-gradient(top,#dcdcdc 0%,#efefef 100%)}#smartbanner .sb-icon.gloss:after{content:'';position:absolute;left:0;top:-1px;border-top:1px solid rgba(255,255,255,0.8);width:100%;height:50%;background:-webkit-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%);border-radius:10px 10px 12px 12px}#smartbanner.android{border-color:#212228;background:#3d3d3d url(https://hasfit.com/wp-content/plugins/appbanners/lib/smartbanner/dark_background_stripes.gif);border-top:5px solid #88B131;box-shadow:none}#smartbanner.android .sb-close{border:0;width:17px;height:17px;line-height:17px;color:#b1b1b3;background:#1c1e21;text-shadow:0 1px 1px #000;box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3)}#smartbanner.android .sb-close:active{color:#eee}#smartbanner.android .sb-info{color:#ccc;text-shadow:0 1px 2px #000}#smartbanner.android .sb-info strong{color:#fff}#smartbanner.android .sb-button{min-width:12%;border:1px solid #DDDCDC;padding:1px;color:#d1d1d1;background:none;border-radius:0;box-shadow:none}#smartbanner.android .sb-button span{text-align:center;display:block;padding:0 10px;background-color:#42B6C9;background-image:-webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB));background-image:-moz-linear-gradient(top,#42B6C9,#39A9BB);text-transform:none;text-shadow:none;box-shadow:none}#smartbanner.android .sb-button:active,#smartbanner.android .sb-button:hover{background:none}#smartbanner.android .sb-button:active span,#smartbanner.android .sb-button:hover span{background:#2AC7E1}#smartbanner.windows .sb-icon{border-radius:0px}</style><style

jQuery.smartbanner({
                    title: 'HASfit Interactive Trainer', // What the title of the app should be in the banner (defaults to <title>)
                    author: 'HASfit', // What the author of the app should be in the banner (defaults to <meta name='author'> or hostname)
                    price: '1.99', // Price of the app
                    appStoreLanguage: 'us', // Language code for App Store
                    inAppStore: 'On the App Store', // Text of price for iOS
                    inGooglePlay: 'In Google Play', // Text of price for Android
                    icon: 'https://hasfit.com/images/main-screen-icon-3.png', // The URL of the icon (defaults to <link>)
                    iconGloss: null, // Force gloss effect for iOS even for precomposed (true or false)
                    button: 'VIEW', // Text on the install button
                    scale: 'auto', // Scale based on viewport size (set to 1 to disable)
                    speedIn: 300, // Show animation speed of the banner
                    speedOut: 400, // Close animation speed of the banner
                    daysHidden: 0, // Duration to hide the banner after being closed (0 = always show banner)
                    daysReminder: 0, // Duration to hide the banner after 'VIEW' is clicked (0 = always show banner)
                    force: null // Choose 'ios' or 'android'. Don't do a browser check, just always show this banner
                })

and I’m using Android version 4.3

Please let me know if there is any other information you’d require to help.

Can you send me a screen shot of your settings screen? Or tell me what values you have in each.

Thank you for your extremely prompt reply. I resolved the issue. I was using the “Async JS and CSS” plugin and there was a conflict. I will be leaving you a kind review. Thank you again.

I have the same problem: iPhone is working, but Android not.
Do you have an idea what I could troubleshoot?

Here are my settings:
https://awesomescreenshot.com/0ee2wnvbd0

Oh, sorry, I had 2 versions of jQuery included, one of then beneath the smartbanner plugin. So jQuery.smartbanner is “undefined”.

Now it works!