Title Crowded Together on Mobile | PenciDesign Support

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

This is a plugin compatible with Jetpack Boots and Penci Shortcode & Performance plugin.

Both of these plugins contain some similar features, so you need to disable one of them to make your site work correctly.

Regards,
PenciDesign.

Joyce replied

3 years ago

Customer Reply

Hello,

I disabled all the plugins and reactivated them one by one. It seems that one of the plugins called "Penci Shortcodes & Performance" is not functioning properly - single post pages malfunctioned after I activated this one.

Regards,

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

About the plugins issue, please disable all plugins (except for the ones that come with the Soledad theme) and then reactivate them one by one. This will help you identify which plugin is not compatible with PHP 8.2.

Regards,
PenciDesign.

Joyce replied

3 years ago

Customer Reply

Hello,

Could you tell me what plugins are not working with PHP 8.2? I am contacting my hosing service. In the meanwhile, maybe I can check to see if those plugins are really necessary and if I can find an alternative.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Before making some changes to your site, you need to contact the hosting supporter and request us:

- Downgrade the PHP version to 8.0 or 7.4,

- Increase the time limit to 1000

Some installed plugins can't work with PHP 8.2, so your site contains a lot of issues.

Regards,
PenciDesign.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.

Regards,
PenciDesign.

Joyce replied

3 years ago

Customer Reply

Hello,

I did so and only kept the code you provided yesterday. However, now even the desktop version is not working (please see attached screenshot), while the mobile seems to work fine. This is very frustrating.... please let me know how I can fix this.

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS: remove all the margin/padding you've added for the body tag and then check again.

Regards,
PenciDesign.

Joyce replied

3 years ago

Customer Reply

Hello,

Posts titles are now displaying normally HOWEVER, the mobile menu becomes not responsive, and related posts are also not showing on mobile (iPhone). The tablet version only shows the left half of the webpage (screenshot attached). Please help. The website that I need help with is https://joyceinthebay.com/ (mobile & tablet version). Thank you.

Regards,

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

1. You can change the line height by going to Appearance → Customize → General → Typography → General Line Height for Text,

2. All the header CSS style was overwritten by the custom CSS you've added. Please check it in all the plugins you've installed or Appearance → Customize → Custom CSS.

Regards,
PenciDesign.

Joyce replied

3 years ago

Customer Reply

Hello,

Thank you! It worked! Is it possible to set the title's line height just like what we can do for post texts?

Also, my first message mentioned the other questions, namely the mobile header having white borders, and the padding function for the main menu not working properly. Could you provide more details regarding these issues?

Regards,

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: 768px){
      .container-single .single-post-title {
          line-height: 26px;
      }
}

Regards,
PenciDesign.

Joyce replied

3 years ago

Customer Reply

Attaching a screenshot for my mobile single post view for reference.

Joyce started the conversation

3 years ago

Conversation Start

Hello,

All the post titles on each "single post page" suddenly became crowded together on mobile since yesterday. They all look fine on the mobile homepage and everything is normal on the desktop - only the post title section on single post pages (mobile view) is having an issue. I do not know what is happening as it has never happened before.

Also, the mobile header, which had always been full width, suddenly has white borders, even though I manually changed the border color to another color.

I also noticed that the toggle button for table of contents is all black even though nothing has been changed.

For the desktop version, I used to be able to align the menu with the site logo by setting some padding for the menu, but it does not seem to work now.

Are these related to any theme updates? Please let me know how to fix the above issues without changing any codes (I don't know how to code...). The website I need help with is https://joyceinthebay.com/ and its mobile version.

Thank you.