Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 6, 2023 at 4:27 pm #1396855
    envato99

    Hi Team,

    Looking at my website in Firefox today, I noticed that some text elements are not aligning properly. [See linked page below for example.]

    These text elements render correctly in Edge & Chrome.

    My custom CSS is below:

    Thanks for you assistance,

    Stephen.

    ====
    /*
    .responsive .container {
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    }
    */

    .clientlogo {
    text-align: center;
    }

    .clientlogogallery {
    max-height: 100px;
    }

    #top .mfp-image-holder .mfp-content {
    max-width: 90vw;
    }

    body#top {
    font-size: 125%;
    }

    */
    .avia-image-container .avia-image-container-inner {
    top: -60px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

    .responsive .container {
    max-width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    }
    */

    #top.blog .post-entry .blog-meta .small-preview .iconfont:before {
    display: none;
    }

    #top.blog .post-entry .blog-meta {
    display: none;
    }

    #main a {
    text-decoration: underline;
    }

    ====

    February 7, 2023 at 3:55 am #1396909
    Ismael

    Hey Stephen,

    Thank you for the inquiry.

    We cannot see the issue on our end. Would you mind providing a screenshot of the alignment issue? You can use imgur, savvyify or dropbox for the screenshot.

    Best regards,
    Ismael

    February 7, 2023 at 4:02 am #1396910
    envato99

    Thanks Ismael.

    I just now looked at the page again in FireFox & the text elements align themselves correctly after several seconds. [I mean 10 seconds or more]

    It must be that the page, or the CSS, is loading very slowly.

    I’ll look into that and see if I can figure out what’s going on.

    Thanks again,

    Stephen.

    February 7, 2023 at 6:00 am #1396922
    Ismael

    Hi,

    Thank you for the update.

    Have you done any loading or speed optimization for the site? You can start by installing a cache and image compression plugin. For more info about site optimization, please check the articles below.

    // https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow
    // https://gtmetrix.com/wordpress-optimization-guide.html

    Best regards,
    Ismael

    February 12, 2023 at 3:46 pm #1397649
    envato99

    Hi again Ismael,

    Could you look again at this problem please. It seems to be intermittent.

    I’ve linked below to a screencap & one of the affected pages.

    [Problem seems only to be in FireFox.]

    Thanks again,

    Stephen.

    February 12, 2023 at 4:04 pm #1397650
    Mike

    Hi,
    Thanks for your screenshot, when I test on Firefox v110.0b9(64-bit) Windows, the test is in line with the image.
    When I tested on Mac I saw the issue issuing Firefox v109.0.1(64-bit), unfortunately, there doesn’t seem to be a Firefox update for Mac at this time.
    Safari and Chrome on Mac doesn’t have this error, so unfortunately it seems that the error is with Firefox v109.0.1 and it will be corrected in Firefox v110.0b9 when it becomes available for Mac.

    Best regards,
    Mike

    February 12, 2023 at 4:25 pm #1397654
    envato99

    Okay thanks Mike.

    It’s not a major issue I suppose, since Firefox is not hugely popular. [I think…]

    Thanks for testing it in the various versions of Firefox.

    Cheers,
    Stephen.

    February 12, 2023 at 4:55 pm #1397655
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Vertical alignment problem / text element / only in FireFox’ is closed to new replies.