Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #228230

    I have a client who is using enfold theme and her blog posts are being cutoff on mobile devices. Have you experienced this before?

    #228302

    Hey hybridsmallbiz!

    No, the theme should not be cutting content off on any device unless there has been a modification to make it do so. If we can see the site live we can inspect the code and see what might be causing the issue.

    Regards,
    Devin

    #253285
    This reply has been marked as private.
    #253648

    Well somehow that site is working fine. But the parent live site is now experiencing the responsive issue for the blog section. The problem is that it does not respond after 767px. I have not modified any code that would cause this.

    http://milestonementoring.com

    #254369

    Hey @wintner!

    My guess would be it has something to do with the css minifcation. I can’t inspect what is coming in from where because of it but the issue stems from the content-wrapper class being set to 100% when it should be max-width 600px. The order is getting mixed up and and most likely its from the order of the cache and when its minified.

    Regards,
    Devin

    #254792

    Thanks Devin but turning off minify doesn’t correct the problem. Deactivating that plugin doesnt help either.

    Please help this is a real problem. The site is LIVE. I sold the client on Enfold because of it’s reputation for dependability and support!

    What is the exact name of the class you are referring to?

    • This reply was modified 9 years, 11 months ago by wintner.
    #254948

    Hey!

    Thank you for the update.

    Please add this on Quick CSS or custom.css:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    #top #main .avia-section .template-page {
    width: 428px;
    }
    
    .avia-section.av-minimum-height .container .content {
    display: block;
    }
    }

    I’m not sure why the default display: table-cell property for the .content is screwing the responsiveness of the theme. I’ll forward this thread to Kriesi.

    Best regards,
    Ismael

    #255092

    Thanks Ismael,

    but that wouldn’t help mobile phones!

    Why are we using fixed pixels in a responsive design anyway? Shouldn’t we use rems and ems?

    • This reply was modified 9 years, 11 months ago by wintner.
    #256813

    Kriesi has not switched to using ems rems within the containers but the internal columns do use percentages for their layouts. As I mentioned above the issue is that the element isn’t getting the correct class priority.

    Looking at your site live now everything is responding correctly to the display port. If your local cache had not updated after you removed the minifcation settings you would have still been seeing the issue even though the server side changes were in fact fixed.

    #256820

    Thanks Devin.

    It’s displaying correctly because I have already modified my child-theme CSS to make it work. It wasn’t the minification. Not really ideal as I chose a responsive theme.

    What is the exact name of the class you are referring to?

    #256831

    Is that blog element in the color section inside of a 1/1 column or just by itself?

    There isn’t an exact class name that is responsible for everything being responsive but if there is a specific case which we’ve not be alerted to where the element isn’t inheriting the correct responsive behavior we can add a fallback for it or a fix if its a bug.

    #256833

    In a color section.

    #257269

    Perhaps a screenshot or a more detailed breakdown of the layout so that we can try and re-create it and then come up with a solution or bug fix for you?

    It isn’t something I’ve ever come across or that has ever been added in as a bug so if it is something we need to fix the more information the better.

    #257272

    Thanks Devin. I’ve modified the code so it works now. But I am concerned that a future theme update could break it again.

    If you wish to take a look: http://milestonementoring.com

    #257294

    I mean the layout in the avia layout builder. Eg, if its happening only when the blog element isn’t nested inside a 1/1 column or if its when intside a color section with a blog element set to some specific settings we would want to debug that.

    The front end output is the end result but what is causing that is what I’m looking for.

    #257299
    This reply has been marked as private.
    #259043

    I’m not sure what the difference could be but using the exact same layout I don’t get the issue. If you have a fix in place that is working for you then it might be a non-issue unless it re-surfaces later on.

    #382224

    Well it has resurfaced with update WP and Enfold to latest versions!

    Please help. I need to present this tomorrow!

    • This reply was modified 9 years, 2 months ago by wintner.
    #382241

    Trying to solve this issue myself but there are way too many classes to narrow it down!

    No matter what I do, even setting max-width doesn’t help. It seems like the text overflows the right side of the page!

    I will be grateful for a prompt response.

    Thanks for your theme and support. My client loves this site.

    #382493

    Hi!

    Can you please update Enfold to the latest version 3.0.5 firstly – kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Yigit

    #382561

    Thanks Yigit, updating is what caused the bug.

    I think I solved it finding this thread: https://kriesi.at/support/topic/blog-posts-not-responsive/

    But will I have to go through this with every theme update?

    #383169

    Hi!

    You can add that to your Quick CSS field or in a child theme stylesheet so it is saved between updates.

    Regards,
    Elliott

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