Viewing 27 posts - 1 through 27 (of 27 total)
  • Author
    Posts
  • June 17, 2018 at 5:28 pm #973952
    Justin

    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

    June 17, 2018 at 6:22 pm #973965
    Victoria

    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

    June 17, 2018 at 8:37 pm #974030
    Justin

    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 6 years, 6 months ago by Justin.
    June 17, 2018 at 9:51 pm #974041
    Justin

    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 6 years, 6 months ago by Justin.
    June 18, 2018 at 5:09 pm #974365
    Victoria

    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

    June 18, 2018 at 5:18 pm #974371
    Justin

    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 …?

    June 18, 2018 at 10:57 pm #974529
    Basilis

    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

    September 18, 2018 at 7:58 pm #1011479
    Justin

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

    September 20, 2018 at 1:14 pm #1012291
    Ismael

    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

    January 11, 2019 at 11:45 pm #1052939
    Justin

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

    January 14, 2019 at 1:15 am #1053470
    Ismael

    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

    January 14, 2019 at 2:47 am #1053488
    Justin

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

    January 14, 2019 at 8:39 am #1053572
    Ismael

    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

    January 24, 2019 at 11:54 pm #1058421
    Justin

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

    January 25, 2019 at 6:21 pm #1058843
    Victoria

    Hi Justin,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    May 23, 2019 at 6:42 pm #1103754
    Justin

    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?

    May 28, 2019 at 6:09 am #1104693
    Ismael

    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

    May 28, 2019 at 12:37 pm #1104786
    Justin

    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.

    May 28, 2019 at 1:21 pm #1104821
    Ismael

    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

    July 10, 2019 at 10:15 pm #1117611
    Justin

    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.

    July 11, 2019 at 11:36 am #1117757
    Ismael

    Hi,

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

    Best regards,
    Ismael

    July 11, 2019 at 10:10 pm #1117888
    Justin

    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.

    July 14, 2019 at 7:50 pm #1118528
    Victoria

    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

    July 14, 2019 at 10:48 pm #1118599
    Justin

    Hi Vic,
    Gotcha.
    Thank you :)
    Justin

    July 14, 2019 at 10:57 pm #1118606
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    July 14, 2019 at 11:12 pm #1118619
    Justin

    Please close. Thank you.

    July 14, 2019 at 11:20 pm #1118627
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 27 posts - 1 through 27 (of 27 total)
  • The topic ‘Blog Header images not rendering correctly on mobile’ is closed to new replies.