• 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

Responsive Column Issue on Corporate Pro theme

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 › General Discussion › Responsive Column Issue on Corporate Pro theme

This topic is: resolved

Tagged: "corporate pro", Columns, responsive

  • This topic has 2 replies, 2 voices, and was last updated 3 years, 9 months ago by jhg.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 22, 2019 at 3:02 pm #490794
    jhg
    Member

    Okay guys and gals,
    I have a strange issue going on with columns in the Corporate Pro theme when viewed on my Ipad. (The issue can also be seen on a desktop browser when resized to the smaller tablet size width.)

    I have the original style sheet uploaded, so it appears that it might be an issue with the theme itself?

    Here is a screen capture from my Ipad - https://scotfixespcs.com/website/wp-content/uploads/IMG_0536.png

    You can see that it bumps the second column down to the next line and the left margin causes the indent. Ideally, I think these columns should go to full width on the tablet.

    I have tried several times to set up a modification in the media queries to remove the indent and spread each column out to full width- but have had no success.

    I'm hoping someone can help me out here. I'm stumped.

    https://scotfixespcs.com/website/services/
    April 22, 2019 at 4:22 pm #490796
    Victor Font
    Moderator

    It's not the theme causing this. It looks like you're using blocks, either from Gutenberg or a block plugin, and there is no media query CSS included with the block. You have to create your own class. The original CSS controlling the width is:

    .wp-block-column {
        flex-basis: 50%;
        flex-grow: 0;
    }

    You need to alter this for the media query.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 23, 2019 at 12:53 am #490808
    jhg
    Member

    I'm using Gutenberg. It's my first time building a new site with the new editor. I had actually added that class earlier for the block and it wasn't working for me. Obviously I was doing something wrong.

    Gave it another go and it's working now.

    Many thanks to you sir!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Responsive Column Issue on Corporate Pro theme’ 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