Website loads in a staggered manner

  • I am using the free version of Sydney theme. My website loads in a staggered manner. Like the framework will load first and there are some visual changes in the above the fold content which is not very pleasing to the eye.

    I have disabled all caching plugin and the problem still persists.
    Any solution?
    I tried using another theme and it works fine

    Thanks

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)

  • Hello there,

    Not really sure why it behaves differently compared with our demo. Probably it might happen only when main slider disabled. Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
@media only screen and (min-width: 1025px) {
  .header-clone {
    height: 74px;
  }
}

    See if it resolves the issue.

    Regards,
    Kharis

    Thread Starter WP_User

    (@amarudare)

    Did that. But still no change!

    Thread Starter WP_User

    (@amarudare)

    If you check the website what happens is that it loads and then the header adjusts to a lower level after the full load.

    Hello there,

    Have you tried disabling the below aspects once new code added?

    – Site caching
    – Script compression
    – Web browser’s history/cache

    Regards,
    Kharis

    Thread Starter WP_User

    (@amarudare)

    Yes. Did that again. The problem still persists.

    Thread Starter WP_User

    (@amarudare)

    Changed it to 87px. Now works fine
    Thanks a lot for the prompt help
    One more query
    Can we change the size of the 3 dot menu? It is small as compared to the website icon so it looks a bit weird on mobiles and tablets.

    > Can we change the size of the 3 dot menu? It is small as compared to the website icon so it looks a bit weird on mobiles and tablets.

    Try this code:

    
.btn-menu {
  font-size: 42px;
}

    Regards,
    Kharis

    Hi there. I’m using free version of Sydney theme. And recently, I have got a white space in the left and right side on the body of my webpage.

    I don’t know why I’m encountering with this problem, previously it was working all fine. Also have tried the CSS style recommended by someone.
    html,
    body {
    overflow-x: hidden;
    }

    But nothing happens at all. And also have cleared the cache and all the history but the problem still persists. I need a quick solution. Please help.

    My site is trickedtricks.com

    Hello there,

    I visited your site with my laptop and iPhone. I didn’t notice any issue as mentioned. Have you clear you web browser’s history?

    Regards,
    Kharis

    Thread Starter WP_User

    (@amarudare)

    The primary problem still persists. Otherwise, it is a great theme!
    I do not want to change it as I have optimized it.
    The page loads in a staggered manner. I have tried removing cache plugins but it does not help.
    Also, can I remove the animations on the menu while I click on them? They seem to load in a weird manner
    Here is the webpage again : https://radiogyan.com/

    • This reply was modified 5 years, 9 months ago by WP_User.
    • This reply was modified 5 years, 9 months ago by WP_User.

    Hello there,

    It seems like custom CSS that changes menu font size loaded a bit late. It might because of site caching or CSS compression.

    Regards,
    Kharis

    Thread Starter WP_User

    (@amarudare)

    Any solution to that?

    Hello there,

    Try disabling custom size of by going to Apeparance > Customize > Fonts. And set 16 for Menu items, which is default size. Flush cache and run your site. This test will confirm if the issue is really with site caching or CSS compression as I mentioned.

    Regards,
    Kharis

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Website loads in a staggered manner’ is closed to new replies.