Content Shift on Page Load

[Bonnie Anderson]

Hello, we recently started to experience an issue with our website where during the page load the content will shift from the left to it’s correct location. Would there be some CSS code to correct this? The website URL is: https://csusase.kw9kss47-liquidwebsites.com/

[Bonnie Anderson]

Sorry, it specifically is occurring on the about us, what we do, join our team, and contact us pages.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.skt-builder-container {
     box-sizing: border-box;
     margin: 0 auto;
     max-width: 1170px;
     padding-left: 15px;
     padding-right: 15px;
}
.skt-builder-columns-row-2column .skt-builder-column {
     width:50%;
     box-sizing: border-box;
     float: left;
     margin-bottom: 30px;
     padding-left: 15px;
     padding-right: 15px;
}

Regards,
Chris

[Bonnie Anderson]

Thank you, I have added that CSS code but it is still shifting on the page load.

[Bonnie Anderson]

I found a temporary fix by using a page loader to prevent the pages from displaying until the load is complete. I wonder if it may be font awesome causing the issue. Is there CSS code to correct that? I found some php code, <?php
add_filter( ‘vpf_enqueue_plugin_font_awesome’, ‘__return_false’ );

Where would I need to place that to try and fix it?

[Sonnal S Sinha]

Hi,

No, this is not happening due to the font awesome. This is the issue of CSS loading.

Regards,
Chris

[Author]

Posts