• 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

Column Classes in Front page widgets issue

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 › Column Classes in Front page widgets issue

This topic is: not resolved

Tagged: Altitude Pro, column classes, front page, responsive, widgets

  • This topic has 3 replies, 2 voices, and was last updated 6 years, 2 months ago by Victor Font.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 5, 2017 at 6:39 am #204313
    TheJohnHamilton
    Participant

    Hello all,

    I'm using column classes in widget 2 on my front page. I'm using the Altitude Pro theme.
    Each of the 4 columns has a headline text and a clickable image.
    I have two issues:
    1. The columns don't collapse on mobile/narrow screens. I'm using column classes elsewhere on the site with no problems so must be missing something obvious here...
    2. on this widget all the content shows to the left of the page, not the centre as I'd thought.

    The front page is at https://bfpeople.com

    And I'm adding the content of the widget in question to the bottom of this post - it's probably overcomplicated.. Any suggestions very gratefully received.
    Thanks in advance,
    John

    <span style="color: #00607c;">bfpeople</span> has been finding leaders and developing talent for nearly 30 years: working with ambitious companies and individuals to make sure the right people are doing the right things in the right jobs.

    People are our business: our core disciplines of executive recruitment, psychometric assessment, coaching and leadership development supports ambitious organisations and individuals. 
    <span style="color: #00607c;">bfpeople</span> is a boutique recruitment and business psychology firm with a core of consultants and a national and global network of trusted associates.

    We work in most sectors, broadly clustered in four key industry groups. Click on the images below for more information:
    <div class="one-fourth first" style="text-align: center;"><span style="color: #00607c;">Retail Marketing & Creativeretail design marketing and consumer sectors</span></div>
    <div class="one-fourth" style="text-align: center;"><span style="color: #00607c;">Industry & Technologyindustry & technology sectors</span></div>
    <div class="one-fourth" style="text-align: center;"><span style="color: #00607c;">Professional ServicesProfessional Services sector</span></div>
    <div class="one-fourth" style="text-align: center;"><span style="color: #00607c;">Public & 3rd SectorGovernment, Public Sector and third sector</span></div>
    <div class="clearfix"></div>

    https://bfpeople.com
    April 5, 2017 at 6:45 am #204319
    Victor Font
    Moderator

    You are using Genesis Extender for the column classes instead of the classes built into the theme. Genesis Extender is overriding the theme's column classes. That's why mobile isn't working.

    Wrap all of the columns in another div to center them.


    Regards,

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

    April 5, 2017 at 8:00 am #204327
    TheJohnHamilton
    Participant

    Thanks Victor and sorry for the duplicate post - I didn't see it come up when I pressed submit earlier!
    I think I've found a work-around but to save future problems I'm thinking I should delete the Extender column classes.

    I can see a media query for column classes in Genesis Extender:
    /* media query for column classes */


    @media
    only screen and (max-width: 1023px) { .one-third,.two-sixths {
    width: 100%;
    }
    }


    @media
    only screen and (max-width: 1023px) {
    .one-third, .two-sixths, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 {
    width: 100%;
    }
    }
    When I deleted this nothing changed. Is there something else I need to do?
    Thanks again Victor.
    John

    April 5, 2017 at 10:07 am #204339
    Victor Font
    Moderator

    It looks like you removed the column classes in favor of four flexible widgets.


    Regards,

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

  • 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

© 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