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 #3448270
Title Crowded Together on Mobile
Closed

Comments

  • Joyce started the conversation

    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.

  • Joyce replied

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

    Attached files:  IMG_3789.jpg

  •  2,610
    PenciDesign replied

    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

    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,

  •  2,610
    PenciDesign replied

    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

    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,

    Attached files:  IMG_1252.PNG

  •  2,610
    PenciDesign replied

    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

    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.

    Attached files:  Screen Shot 2023-08-31 at 6.04.13 PM.png

  •  2,610
    PenciDesign replied

    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 privately
  •  2,610
    PenciDesign replied

    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.


  • Joyce replied

    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.

  •  2,610
    PenciDesign replied

    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

    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,


  •  2,610
    PenciDesign replied

    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.