Home Forums Total ABOUT Home Page section not scaling properly on mobile

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #50733
    RandyB
    Participant

    Has anyone else noticed that the ABOUT section of the HOME Sections of the Total Theme is not scaling properly on Tablet and Mobile views? I just noticed this over the weekend. It is that way on 21 of my dealer sites. Just the ABOUT Section. The ABOUT page itself scales properly.

    Any insight would be helpful.

    #50734
    RandyB
    Participant

    Forgot to give details: Occurring with Total 2.1.54. and 2.1.55., WordPress 6.4.1., with PHP 8.2.12., and all Plug-ins updated. Some sites are on our servers, and some are not.

    #50736
    RandyB
    Participant

    Also – the ABOUT Section on the paid version Total Plus 3.1.5 scales properly, and another dealer site of mine using Total 2.1.53. also scales properly on Tablet and Mobile views. Seems the issue might lie within the 2.1.54. update and carries through to 2.1.55.

    #50739
    Hash
    Keymaster

    Can you please send the screenshot? It’s appearing fine on our checking. May be you are referring to another one which we are not getting.

    #50749
    RandyB
    Participant

    Here is a screenshot of one of the websites’ ABOUT section in mobile view. You can see the text is not wrapping properly and the image is not stacking. The image at the top is one of the Sliders.

    you can view the image in our Dropbox at this link

    https://www.dropbox.com/scl/fi/8blmuvzl8zszbqz69t7t0/Cellphone-view-ABOUT-section.jpg?rlkey=euqlxxzyesc0iykdsoxqpgnvh&dl=0

    #50751
    Hash
    Keymaster

    Yes, i see that. Are you using Elementor for that content? Can you please send us your website URL so that we can check what is causing this issue?

    #50756
    RandyB
    Participant
    This reply has been marked as private.
    #50765
    RandyB
    Participant

    No, I do not use Elementor for any content on any of my sites. This is one of my sites where the problem exists and is very obvious with the photo on the page.

    Home

    #50917
    RandyB
    Participant

    Sending this again as I have not had any response in a few days.

    No, I do not use Elementor for any content on any of my sites. This is one of my sites where the problem exists and is very obvious with the photo on the page.

    Home

    #50934
    RandyB
    Participant

    Some more testing results on my end. Again, only the ABOUT section on the Home Sections is not wrapping or scaling to the responsive setting for Tablet and Mobile; but the ABOUT page itself does work properly. Here’s what I’ve noticed: this is across 21 sites that I manage all using Total theme for about 5-6 years now.
    1. Deactivated all plugins – ABOUT Home page section still not responsive
    2. This problem started with Total theme update 2.1.54 and continues with 2.1.55. It was working under 2.1.53
    3. The only site I have Total Plus on works fine. Cross compared ABOUT section code from Total Plus and Total but found no discrepancies. I know Total Plus uses a plugin, so it may be setup differently. Not sure within the theme code where the responsive setting is located.
    4. Also my sites are using Child Themes and I’ve switched between the Child Theme settings and standard Total theme settings with no visible results.

    Any other suggestions would be helpful.

    #50990
    Hash
    Keymaster

    Sorry for some delay in reply. On check what we found is that the CSS added to the child theme is causing the issue. You need to remove the below CSS code from your child theme style.css file

    /*————————————————————–
    ## About Section
    ————————————————————–*/

    .ht-about-sec{
    width: 800%;
    }

    #51018
    RandyB
    Participant

    I removed that Child theme code section several weeks ago as a test and it did not change the ABOUT section wrap on the HOME Sections, so I put it back in. I even reverted to just the Total Theme code and not the Child Theme, and removed it, and it did not work. That code change has been in place for over 6 years and always worked fine up until 2.1.54 update. Any other suggestions? Total Plus works fine, even with my change to the About width change to 800 from 54%.

    #51060
    Hash
    Keymaster

    Hi,

    I think it is displaying fine now. For more refinement, add the below code by going to Appearance > Customize > Additional CSS. You can then remove your previous codes.

    .ht-about-sec {
    width: 100% !important;
    margin-right: 0;
    }

    .ht-about-image{ display: none; }

    #51075
    RandyB
    Participant

    Thank you. I also found using this code solved the issue, but I will add your code to the sites as well.

    .ht-about-sec{
    width: auto !important;
    }

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.