[Nonno]

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;
}

[Pratik]

Hi @nonno-jhon:
Can you check if https://catchthemes.com/demo/catch-responsive-pro has the same problem in your phone?

[Nonno]

Hi Pratik,

The URL https://catchthemes.com/demo/catch-responsive-pro works fine on Moto G4 …featured slider and all.

On my site – USRTownSquare.org/blog/ – the featured images for individual posts sometimes show very large and the title *incorrectly* goes under the image.
Very unpredictable —- sometimes entire view is ok but overall too small.
Then sometimes looks perfect?????

Very confusing …problem seems to vary

[Pratik]

Hi @Nonno,

Can you try removing all the custom CSS and deactivating all the plugins and see if the problem persists?

[Nonno]

Hi Pratik, Sorry for slow response on my part …I have been very busy.

One item in my post may have created a problem …an animated gif being used as a featured image in one post. I removed the animated gif and the smartphone responsive problem seems to have gone away.

I will continue to monitor and if problem re-occurs, I will then try your recommended approach for CSS and plugins.

Thanks for all your help.

[Nonno]

@Pratik,

This problem is solved. The Moto G4 phone was the problem. The vendor had to replace the phone because of a variety of random errors. Using the replacement phone for several months now …responsive feature works perfectly.

Thanks for your help.

[Pratik]

Hi @Nonno,

Wow great the problem is solved. 😀

Regards,
Pratik

[Author]

Posts