Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • February 23, 2014 at 10:39 pm #228230
    hybridsmallbiz

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

    February 24, 2014 at 3:27 am #228302
    Devin

    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

    April 18, 2014 at 8:59 pm #253285
    wintner
    This reply has been marked as private.
    April 21, 2014 at 1:48 am #253648
    wintner

    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

    April 22, 2014 at 3:08 pm #254369
    Devin

    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

    April 23, 2014 at 6:39 am #254792
    wintner

    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 10 years, 7 months ago by wintner.
    April 23, 2014 at 2:52 pm #254948
    Ismael

    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

    April 23, 2014 at 5:46 pm #255092
    wintner

    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 10 years, 7 months ago by wintner.
    April 27, 2014 at 5:45 pm #256813
    Devin

    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.

    April 27, 2014 at 5:54 pm #256820
    wintner

    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?

    April 27, 2014 at 7:12 pm #256831
    Devin

    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.

    April 27, 2014 at 7:15 pm #256833
    wintner

    In a color section.

    April 28, 2014 at 7:22 pm #257269
    Devin

    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.

    April 28, 2014 at 7:29 pm #257272
    wintner

    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

    April 28, 2014 at 8:32 pm #257294
    Devin

    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.

    April 28, 2014 at 8:43 pm #257299
    wintner
    This reply has been marked as private.
    May 1, 2014 at 8:47 pm #259043
    Devin

    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.

    January 20, 2015 at 1:42 am #382224
    wintner

    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, 10 months ago by wintner.
    January 20, 2015 at 3:34 am #382241
    wintner

    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.

    January 20, 2015 at 3:18 pm #382493
    Yigit

    Hi!

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

    Regards,
    Yigit

    January 20, 2015 at 5:34 pm #382561
    wintner

    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?

    January 21, 2015 at 5:43 pm #383169
    Elliott

    Hi!

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

    Regards,
    Elliott

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