• 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

Site Is TOO Responsive

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 › Site Is TOO Responsive

This topic is: not resolved

Tagged: blog, css, margins, php, responsive

  • This topic has 2 replies, 2 voices, and was last updated 9 years, 9 months ago by stefanravalli.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 23, 2016 at 10:37 am #190079
    stefanravalli
    Member

    Hi there. I'm building onto the Genesis Sample Child Theme with Beaver Builder, which I heard was a sound idea. However, my site's responsiveness is bonkers. Have a look at it on a mobile device:

    http://www.forwardharmony.com/blog

    It's all margin, turning my content into a string bean.

    And the blog isn't responsive. In fact, I have no idea how to change anything about my blog in the CSS. Can I only do this in the PHP and if so, where is the PHP file located in the child theme?

    http://forwardharmony.com/

    Thanks so much in advance for any help,

    http://forwardharmony.com/
    July 23, 2016 at 12:06 pm #190082
    Christoph
    Member

    Hi,

    php will not help you changing the responsive layout.
    That´s what the CSS and its media queries are for.
    Inspect the elements in your browser so you can see what changes you want to make and then edit style.css


    https://www.christophherr.com | Genesis Customizations | Buy me a coffee

    July 23, 2016 at 2:58 pm #190090
    stefanravalli
    Member

    Thank you again, Christoph. I have tried putting some media queries into the CSS as per the Studiopress instructions to know effect. i.e.:

    `@media only screen
    and (max-width : 320px) {
    width: 100%
    margin: 0 auto
    font-size: 75%
    }

    So I'm seeking more specific instruction since I am still learning how to both code and work with Genesis.

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