• 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

Assistance needed with Featured Post Widget responsiveness

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 › Assistance needed with Featured Post Widget responsiveness

This topic is: not resolved

Tagged: browser resize, featured posts widget, genesis sample theme, responsive

  • This topic has 5 replies, 2 voices, and was last updated 9 years, 11 months ago by HeadlineSiteworks.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 27, 2016 at 5:51 pm #180096
    HeadlineSiteworks
    Member

    Hello!

    I have been attempting to create a row on my custom home page (based off of the Genesis Sample Theme) that is Slider on the left, and Genesis Featured Posts Widget on the right. The problem is that I cannot get the Featured Posts Widget to maintain the same height as the slider when the browser window is resized.

    Any assistance would be welcome!

    Note: the "home-featured-left" and "home-featured-right" widget areas are contained within a "home-featured" container.

    Thanks in advance!

    http://www.localconnectivity.com/
    February 27, 2016 at 11:58 pm #180136
    Jason Weber
    Member

    Everything is responsive in the 5 browsers I tested it in.


    Webby’s WebPrezence
    National Center For Due Process

    February 28, 2016 at 4:42 pm #180183
    HeadlineSiteworks
    Member

    My apologies - I probably didn't describe what I am looking to do well enough.

    In desktop view you see the slider on the left, and featured posts area on the right. But when you resize the browser window, you'll see that the slider resizes appropriately, but the featured widgets remain a longer column. I'm looking to keep the ratio the same when the browser resizes, up until it snaps to full width for both the widget areas.

    February 28, 2016 at 5:51 pm #180191
    Jason Weber
    Member

    Maybe we're seeing two separate things, but as I demonstrate in this video, your website (slider / featured images) is responsive: https://www.youtube.com/watch?v=IYuA8TX9OhU


    Webby’s WebPrezence
    National Center For Due Process

    February 28, 2016 at 6:20 pm #180196
    HeadlineSiteworks
    Member

    Thanks for taking a look...

    My issue is that the two widget columns don't stay flush against the top of the "Home Strap" area in blue while resizing.

    February 29, 2016 at 9:47 am #180272
    HeadlineSiteworks
    Member

    What people see in full size: (note how both the slider and featured post widget are flush against the blue space)
    Full Size

    What people see RIGHT NOW when browser is made smaller: (note how the featured posts area is longer than the slider, making it no longer flush against the blue space)
    Mobile Size Original

    What I'd like people to see when browser is made smaller:
    Mobile Size Resize

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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