Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3361162
Mobile Landscape Causes Font Size To Increase
Closed

Comments

  • bobradcliff started the conversation
    May 2, 2023 at 4:01pm

    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.


    3812847207.jpg

    Mobile Landscape.  Font size is larger ???

    9615920187.jpg

    Mobile Portrait.  font size is same in all columns.

    6799271032.jpg

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

    4496781039.jpg





  •  2,280
    PenciDesign replied
    May 2, 2023 at 8:29pm

    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 replied
    May 2, 2023 at 9:15pm

    Hi.  Thank you for your reply.

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

  •  2,280
    PenciDesign replied
    May 3, 2023 at 2:54am

    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
    May 5, 2023 at 6:23pm

    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 ..


    Attached files:  Font Size Website Example.pdf

  •  2,280
    PenciDesign replied
    May 6, 2023 at 1:06am

    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.