Responsive on Moto G4 phone not always right
Hi,
Using your theme for over a year ...working great.
I just purchased new smartphone Moto G4 with a larger 5.5 inch screen. When I go to my site, it many times looks fine. Other times, the view is too small, i.e. the view is complete but, designed for a smaller screen, say 5 inch or less. Other times the view is very large exceeding the 5.5 inch screen size.
I included a copy of my CSS ...maybe you may see something there.
Running WP 4.5.4 and Catch Responsive Pro 3.8
Thanks in advance for all your help.
*************CSS ***************
/* Eliminate hyphens */
.site-content article {
-webkit-hyphens: manual;
-moz-hyphens: manual;
hyphens: manual;
}
/* Centers title under featured image */
.featured-content-wrap .entry-header { text-align: center; }
/* Eliminate search in header */
#header-right-search { display: none; }
/* Sidebar font size */
.widget {
font-size: 14px;
font-weight: normal;
}
/* Comment form - no URL */
p.comment-form-url {display:none;}
/* Comment form - no HTML tags */
.form-allowed-tags {display: none;}
/* Change the tagline font size */
.site-description { font-size: 20px; }
/* Removes meta data from post */
.home .entry-meta { display: none; }
/* Removes meta data - author - from post*/
.entry-meta .by-author, .entry-meta .byline { display: none; }
/* Removes meta data - comment - from post*/
.entry-meta .comments-link { display: none; }
/* Removes excerpt text from post on media*/
@media screen and (max-width: 767px) {
.entry-summary { display: none; }
}
/* Calendar plugin - Eliminate country address */
span.country-name {
display: none!important;
}
/* Mobile platform fix - 3-column feature goes to horizontal */
#featured-content.layout-three .hentry {
float: left;
width: 33.33%;
}
/* Reducing featured content title's font size in mobile devices*/
@media screen and (max-width: 480px) {
#featured-content .hentry .entry-header .entry-title > a {
font-size: 12px;
line-height: 1;
}
}
/* promotion headline 100% */
#promotion-message .left {
max-width: none;
}