• 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

Atmosphere Pro Full-Width on Large Screens

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 › Atmosphere Pro Full-Width on Large Screens

This topic is: resolved

Tagged: Atmosphere Pro, design help, full width

  • This topic has 2 replies, 2 voices, and was last updated 6 years, 1 month ago by ard1984.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 18, 2017 at 4:51 pm #199632
    ard1984
    Member

    Hi,

    I'm trying to make my website full width, rather than have a boxed layout on large screens. I'm using the Atmosphere Pro theme.

    I've tried changing the .site-container value to max-width: 100%. That seems to work in the developer tools console in Chrome, but when I try updating my site's CSS, nothing happens.

    Can anybody offer some guidance? Thanks!

    Website link

    http://www.aarondahlstrom.com/zoeandcloyd/
    January 19, 2017 at 8:54 pm #199707
    deadhippo
    Member

    It seems full width to me. The footer is full width and if you had a larger image it would be full width too, I think. You need to change the .site-header to 100% too.
    The image width is 1600px whereas my monitor is 1920px.


    The Shirt List | Tee Reviewer

    January 26, 2017 at 5:16 pm #200089
    ard1984
    Member

    Hi deadhippo,

    Yeah, I was able to use the Genesis Dambuster plugin to get around the full width thing. Thanks,

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Atmosphere Pro Full-Width on Large Screens’ is closed to new replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

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