Tagged: responsive, smartphone
- This topic has 6 replies, 2 voices, and was last updated 7 years, 2 months ago by Pratik.
-
AuthorPosts
-
October 13, 2016 at 8:41 pm #101418NonnoParticipant
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;
}October 14, 2016 at 7:10 am #101441PratikKeymasterHi @nonno-jhon:
Can you check if https://catchthemes.com/demo/catch-responsive-pro has the same problem in your phone?October 14, 2016 at 7:39 am #101445NonnoParticipantHi 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
October 14, 2016 at 6:57 pm #101475PratikKeymasterHi @Nonno,
Can you try removing all the custom CSS and deactivating all the plugins and see if the problem persists?
October 24, 2016 at 9:47 am #102041NonnoParticipantHi 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.
March 18, 2017 at 7:42 pm #112261NonnoParticipantThis 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.
March 19, 2017 at 11:56 pm #112359PratikKeymasterHi @Nonno,
Wow great the problem is solved. 😀
Regards,
Pratik -
AuthorPosts
- The topic ‘Responsive on Moto G4 phone not always right’ is closed to new replies.