• 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

Eleven40 – Add responsive widget areas to homepage

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 › Eleven40 – Add responsive widget areas to homepage

This topic is: not resolved

Tagged: Eleven40, responsive, sidebars, widgets

  • This topic has 3 replies, 2 voices, and was last updated 12 years, 7 months ago by SoZo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 28, 2012 at 4:43 pm #2158
    notfarnow
    Participant

    Hi, I'm looking to add widget areas to the homepage using the eleven40 theme (or one like it - recommendations are welcome). What I'd like to do is keep the sidebar-content-sidebar layout but be able to add multiple widget areas to the homepage content area.

    I'm planning on having a main widget area at the top for use with the Genesis Responsive Slider.
    Then having 2 columns of widget areas (sidebar left & sidebar right) in the content area below the top slider widget.

    It looks like I can use these tutorials to add them:

    How to Add a Widgeted Area (a.k.a. Sidebar)


    or
    http://my.studiopress.com/tutorials/register-widget-area

    But I'm wondering how to best do this to maintain the mobile responsive layout, have my widget areas and images within them resize some then jump to the correct locations for the appropriate browser window size.

    Does the Genesis Simple Sidebars plugin assist with homepage widget areas?

    THANKS!

    November 28, 2012 at 4:51 pm #2160
    SoZo
    Member

    Simple Sidebars only replaces the Primary and Secondary sidebars that come with Genesis.

    To make your additions responsive you just need to add the corresponding style rules to the responsive rules.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    November 28, 2012 at 5:12 pm #2170
    notfarnow
    Participant

    Thanks. What are the responsive rules?

    November 28, 2012 at 6:00 pm #2180
    SoZo
    Member

    They are the last few rules in the style sheet, the ones under the "Responsive Design" label.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

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

© 2025 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