Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 11, 2022 at 11:00 am #1368401
    mvi

    Hi,

    I have this website that got the issue when the page loads i can see the headline and the header.
    But then the headline disapear and then apear again and the header get its correct size.

    How can i avoid that? I want it to show the header and the headline at the correct size and not disappearing.

    October 12, 2022 at 5:42 am #1368515
    Nikko

    Hi mvi,

    I think what you’ve seen is your page appearing and re-rendering as soon as everything is loaded.
    Can you try to enable Page Preloading in Enfold Theme Options?
    Hope this helps.

    Best regards,
    Nikko

    October 12, 2022 at 7:58 am #1368523
    mvi

    Hi Nikko,

    Not really the solution i were hoping for. Now there are just a preloader which not is nice, if the page/server are slow, the user will leave the site.
    Then it is better that the already can see the content.

    Aren’t there anything else I can do?

    October 13, 2022 at 5:53 am #1368678
    Nikko

    Hi mvi,

    On my end, I do see the header with a gray background on initial load, then renders to the font set to it, and background image shows up replacing the gray background.
    Can you try to use Image Preloaders like https://wordpress.org/plugins/preload-images/ and see if it helps.

    Best regards,
    Nikko

    October 13, 2022 at 8:20 am #1368685
    mvi

    Hi Nikko,

    The grey header are probably because of the white background color with the overlay.
    I see the background image with text and then it disappear and then appear again.

    And it also happens after i added the plugin you suggested. But i have removed it again and the Page Preloading is disabled.

    I have shared a screen recording so you can see.

    October 13, 2022 at 10:28 am #1368714
    Nikko

    Hi mvi,

    What browser are you using (Chrome, Firefox, Safari, etc)? and what Operating System are you using (Windows 10, Mac, etc)?
    I don’t see the same issue that you’re having on my end.
    I have shared a screen recording on my end in private content.

    Best regards,
    Nikko

    October 13, 2022 at 11:08 am #1368724
    mvi

    Hi Nikko,

    Well that is weird, how i see one think and you see something else.
    I normally use Chrome but it also happens in Firefox. I use Mac as Operating System.

    October 14, 2022 at 4:16 am #1368792
    Nikko

    Hi mvi,

    Can you try to disable browser extensions? and see if it helps.
    Also, probably try checking using other devices (or other laptop/pc) and see if the results are the same.

    Best regards,
    Nikko

    October 14, 2022 at 11:05 am #1368843
    mvi

    Hi Nikko,

    Just tried on another Mac, and here i don’t get the issue.
    So just look like a local problem.

    But it still do that the header are small and then big after a little time. Can it be forced to have that size?

    October 15, 2022 at 7:22 am #1368914
    Nikko

    Hi mvi,

    Yes that’s possible, try to give those section an ID, for example mysection (use any name) and then in Enfold > General Styling > Quick CSS then add this CSS code:

    #mysection {
    min-height: 365px;
    max-height: 365px;
}

    Hope this helps.

    Best regards,
    Nikko

    October 19, 2022 at 8:20 am #1369345
    mvi

    Hi,

    I helped a little but not very nice when at the moment it is set to be 50% of the screen depending of which screen size the user have.
    Are there a way to do the same thing with min-height but with above settings?

    October 19, 2022 at 1:26 pm #1369388
    Nikko

    Hi mvi,

    You can make min-height and max-height value to 50vh which is 50% of the screen height.
    Hope this helps.

    Best regards,
    Nikko

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