Viewing 27 posts - 1 through 27 (of 27 total)
  • Author
    Posts
  • #973952

    Is anyone else experiencing this on their blog since the latest updates of Enfold?
    This is happening to a handful of websites using this theme:

    TOP LEVEL BLOG: https://www.dropbox.com/s/mb7c5rnvsyttlbw/IMG_8869.jpg?dl=0
    ACTUALLY POST PAGES: https://www.dropbox.com/s/05vsa5gwdkiywzc/IMG_8870.jpg?dl=0

    and another website: https://www.dropbox.com/s/82g69m8souev6u7/IMG_8871.jpg?dl=0

    Not sure what is going on. But any input from you would help.
    Thanks

    #973965

    Hey Justin,

    https://cl.ly/2Z3k0u0P0p2e This is the code doing that.
    Can you disable caching and minification for now so that I can see where it is coming from?

    Best regards,
    Victoria

    #974030

    Hi Victoria, I temporarily deactivated RACESTART. Let me know what you see there and cleared my cache, Let me know what you discover.

    • This reply was modified 2 years, 4 months ago by  Justin.
    #974041

    I mean, adding the style:

    .template-page .big-preview {padding:0 0 10px 0!important;}

    to it provides a temporary fix. But is this what we want?

    I think it’s causing the image to overlap on the desktop? Or was it this way originally?
    https://drive.google.com/file/d/1K2np6iNObtCKeG_Kfg0PGVdQiRRCFEUM/view?usp=drivesdk

    • This reply was modified 2 years, 4 months ago by  Justin.
    #974365

    Hi Justin,

    The code that you used gets overwritten by the one I showed you before.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
        .responsive #top.template-page .big-preview {
            padding: 0 0 10px 0;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #974371

    thanks essentially just optimizing it for mobile. Was this an error in the theme or?
    I mean it’s a good temporary fix. But if it’s a theme issue – I am assuming the above code becomes invalid when updated …?

    #974529

    Hi,

    If there is something wrong, we will do add it on an upcoming release.
    We appreciate your time and patience with us.

    Thank you!

    Best regards,
    Basilis

    #1011479

    I am still getting this with all my blog headers on the main blog page. Any help would be appreciated: https://prnt.sc/kvwqin

    #1012291

    Hi,

    Yes, it seems to be a bug in the blog.css file. We’ll report it to the dev team. Please keep the css modification for now.

    Best regards,
    Ismael

    #1052939

    Any updates here? BLOG still renders like poop: https://prnt.sc/m614en

    #1053470

    Hi,

    I can’t find the blog section on the home page. Did you remove it? This modification has been included on version 4.5.2.

    Best regards,
    Ismael

    #1053488

    Hey Ismael, the whacky renderig I am seeing is on the to-level landing page on a smartphone only: https://js-interactive.com/blog/

    #1053572

    Hi,

    I can’t see the theme version in the head tag. Is it on version 4.5.2? Please add the css code temporarily. We’ll forward this thread again to our developers.

    Best regards,
    Ismael

    #1058421

    Ismael. It’s kept completely up-to-date. The site is running 4.5.2. Have not updated too 4.5.3 yet.

    #1058843

    Hi Justin,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    #1103754

    Hey guys, I would really love to get this resolved. It still renders my blog images on mobile (iPhone) very strangely.

    Re last comment – to view a non-cached version of the page, simply view: https://js-interactive.com/?nocache It produces the same issue.

    That issus being this: https://prnt.sc/nsgcz2

    Any ideas?

    #1104693

    Hi,

    Thanks for the update.

    Is the site using the latest version (4.5.7) of the theme now? A fix for the blog overview page has been included in that version. Please upgrade the theme if you haven’t already, and then toggle the css minification option. Don’t forget to purge or remove the cache and browser history.

    Best regards,
    Ismael

    #1104786

    Hi Ismael., I have been very consistent with running all my upgrades and keeping things up-to-date including the theme. This isn’t a new issue …. have had it for a while now. maybe it’s a custom style i added from way back that’s causing it? Not sure. But it’s still there.

    #1104821

    Hi,

    We can’t reproduce the issue on our own installation, so it’s probably cause by a custom css modification. You can override it with this css code.

    
    @media only screen and (max-width: 767px) {
        .responsive #top.template-page .big-preview {
            padding: 0 0 10px 0;
        }
    }
    

    This is what we need to override because it pushes the preview image.

    .template-page .big-preview {
        display: block;
        padding: 0 0 10px 131px;
        text-align: center;
    }

    Best regards,
    Ismael

    #1117611

    So adding this didn’t do much”
    @media only screen and (max-width: 767px) {
    .responsive #top.template-page .big-preview {
    padding: 0 0 10px 0;
    }
    }

    I still see this: https://prnt.sc/odaqg4

    Been a year now.

    #1117757

    Hi,

    Did you toggle the file compression? We can’t reproduce the issue on our installation.

    Best regards,
    Ismael

    #1117888

    It has to be one of those weird CSS hierarchy issues. Maybe was getting inherited from some other CSS. I added CSS to the default section of WordPress > Customize > Edit CSS sexction and it fixed it So who knows….

    https://prnt.sc/odsk1e

    Thanks for the help.

    #1118528

    Hi Justin,

    Enfold does not use the code from the Customizer, please add it to the Quick css in the Theme options.

    Best regards,
    Victoria

    #1118599

    Hi Vic,
    Gotcha.
    Thank you :)
    Justin

    #1118606

    Hi,

    Did you need additional help or shall we close this topic?

    Best regards,
    Jordan Shannon

    #1118619

    Please close. Thank you.

    #1118627

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 27 posts - 1 through 27 (of 27 total)

The topic ‘Blog Header images not rendering correctly on mobile’ is closed to new replies.