• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Fix Centric Pro first widget area to load at full height earlier than it does

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Fix Centric Pro first widget area to load at full height earlier than it does

This topic is: not resolved

Tagged: centric, css, height, js, Load

  • This topic has 1 reply, 1 voice, and was last updated 7 years, 9 months ago by radiantmarriage.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 5, 2018 at 7:33 am #221343
    radiantmarriage
    Member

    Hi everyone,

    I'm using the Centric Pro theme and I keep running into a loading issue: When the page loads, it runs the home.js file (which sets the height of the first widget area to be the full height of the viewport) at the end of loading, so the other widget areas initially appear in sight, then they are bumped down. Is there any way I can move this single function to process earlier? Or another non-JS way to set the .home-featured .wrap height to the size of the viewport?

    SP Support suggests I load at opacity 0, then use JS to switch it to 1, but that's less desirable for my application.

    Thanks in advance for any help!

    Adam

    https://www.radiantmarriage.com
    July 5, 2018 at 9:10 am #221346
    radiantmarriage
    Member

    To clarify/add to the question, is there any way I can move this function to the head?

    Thanks!

    Adam

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble