• 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

Prose & Mobile (text overflowing content area)

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 › Prose & Mobile (text overflowing content area)

This topic is: not resolved

Tagged: mobile responsive, Prose

  • This topic has 4 replies, 4 voices, and was last updated 9 years, 11 months ago by James.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 6, 2015 at 2:06 pm #167558
    paulag01
    Member

    I have made some customizations to prose on a site but as I try stripping pieces out to find the offending bit of css that causes the text to overflow to the right (hidden), I cannot seem to find it.

    I've tried changing widths of #wrap #content #inner to no avail. I am not finding changing of padding to help either.

    What might I be missing here?

    It's the sort of thing that just needs a different set of eyes....

    Thank you
    Paula

    http://ponistcpa.com/mobile/services/
    December 17, 2015 at 2:41 pm #174120
    Susan
    Moderator

    As you posted this a while ago, I’m hoping that you were able to get your issue resolved 🙂 – if not, report back here, so it can be escalated.

    December 17, 2015 at 2:48 pm #174123
    paulag01
    Member

    Hi there I haven't resolved fully to be honest. Trying to figure out what is the offending piece so I can get this guy mobile friendly as prose typically is. If anyone has a breadcrumb of where to start (given I tried starting stripping everything out to no avail) I will take it!

    Thank you!

    December 17, 2015 at 5:06 pm #174140
    Ozzy
    Member

    if you're talking about the navigation, try adding a "float: left;" to the #nav

    if it's something else, please explain.


    Ozzy Rodriguez | Twitter | Google+

    December 17, 2015 at 5:11 pm #174141
    James
    Participant

    Hi there

    it is'nt actually overflowing to the left, it simple has no padding on the left, so that is what your seeing

    you can simply give the widgets a little padding to solve the problem

    '
    .sidebar .widget {
    margin: 0 0 40px;
    padding: 0 20px;
    }
    '

    and to fix your menu being stuck under the content, give your header a little extra height

    '
    #header {
    background-color: #f1c580;
    height: 250px;
    max-width: 950px;
    }
    '

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