Weird Problem Mobile and Tablet

[Danielle]

Danielle

October 4, 2016 at 7:02 pm

Hello,

So, I’m having a weird problem exclusively with mobile phones and tablets. Almost every page has a Kadence Pro banner at the top which looks great, very workable. However, “sometimes” / “often” when using mobile phones and tablets, the banner loads with a massive amount of white space above and below. Sometimes it kicks in and formats correctly, sometimes not. This often happens the first time I view the site on a mobile browser, then afther that it seems to work correctly for awhile.

Any ideas? I have been using alot of CSS, perhaps that’s the issue? I have posted said CSS below.

.home_blog .hometitle {
display:none;
}
.widget-title:after {
display:none;
}
.postid-523 .page-header h1.product_page_title.entry-title {
display: none;
}
.postid-44 .page-header h1.product_page_title.entry-title {
display: none;
}
p{
margin-bottom: 20px;
}
.kad-youtube-shortcode {
margin: 0 auto;
}
.kt-ratio-slider .kad-slider .kad-slide>img.kt-ratio-img {
top: 50% !important;
margin-top: 0 !important;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.connect .postclass.pageclass.clearfix.entry-content {
padding-bottom: 0 !important;
padding-top: 0 !important;
}

Any ideas?

Thank you in advance!

Mark