Mobile Landscape Causes Font Size To Increase

Public Ticket #24519

Mobile Landscape Causes Font Size To Increase

Conversation thread

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please modify the CSS code like the following below:

@media only screen and (min-device-width:480px) and (max-device-width:640px) and (orientation:landscape) {
    .penci-header-signup-form h4.header-signup-form,
    .header-standard h2,
    .header-standard .post-title,
    .header-standard h2 a,
    .penci-page-header h1 {
        font-size: 18px;
    }
    .post-entry h3 {
        font-size: 20px;
    }
}

Regards,
PenciDesign.

bobradcliff replied

3 years ago

Customer Reply

Yes. Browser cache has been cleared. The custom CSS code had no impact on the issue.

The issue relates to font size of normal text on pages, not in posts. The font size is the same across all platforms except for mobile phone in landscape mode. On mobile phone when in landscape mode the font size for text increases significantly.

Plz see attached pics ..

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

The code I sent will apply the mobile font size to tablet devices. Have you clear all the browser caches?

Regards,
PenciDesign.

bobradcliff replied

3 years ago

Customer Reply

Hi. Thank you for your reply.

I added the code you suggested, but nothing changed. Any other suggestions?

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width:960px) {
  .penci-header-signup-form h4.header-signup-form,
  .header-standard h2,
  .header-standard .post-title,
  .header-standard h2 a,
  .penci-page-header h1 {
    font-size: 18px;
  }
  .post-entry h3 {
    font-size: 20px;
  }
}

Regards,
PenciDesign.

bobradcliff started the conversation

3 years ago

Conversation Start

When displaying the following page on a mobile device in landscape mode, the font size for text at the top of the page and the font size for text for some columns throughout the table increases.

Would prefer the font size remain the same for viewing either landscape or portrait on a mobile device.

Examples from following page .... https://weekendphoto.com/gear/photo-gear

Would appreciate your help with ensuring font size is same for both mobile portrait and landscape viewing.

Thank you.

Mobile Portrait. Font size is normal.

Mobile Landscape. Font size is larger ???

Mobile Portrait. font size is same in all columns.

Mobile Landscape. font size is larger in middle column ???

Want to join this conversation or access attachments? Sign in first.