• 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

Agency Pro 'Our Portfolio' Featured Post – not showing correctly on mobile

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 › Agency Pro 'Our Portfolio' Featured Post – not showing correctly on mobile

This topic is: resolved

Tagged: genesis featured post widget, media query, mobile display

  • This topic has 3 replies, 2 voices, and was last updated 7 years, 7 months ago by Tom.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 31, 2015 at 7:26 pm #169762
    aidia
    Participant

    Hi there,

    I need help with my featured post display in the home middle section of the Agency Pro theme. It appears fantastic on desktop but on mobile the post excerpt seems to be skewed so that it only shows grey bars under each image. I haven't changed the CSS for this section, but the theme demo shows perfect display for mobiles.

    Could someone help me?

    This is the website:
    http://aidia.com.au/

    The section in question is the 'Our Portfolio' section which uses Genesis Featured Post widget. It appears fine on desktop but not on mobile.

    Thank you so much in advance.

    Best!

    http://aidia.com.au/
    November 1, 2015 at 2:08 pm #169811
    Tom
    Participant

    Hi aidia

    You've broken your media queries with this code addition that has been inserted between the MQ for 680px and the one for 480px:

    	.genesis-nav-menu.responsive-menu .sub-menu a {
    		background-color: #f5f5f5;
    		color: #222;
    	}
    
    }

    Remove or correct this (esp. the second closing bracket) and all is well.


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

    November 1, 2015 at 3:53 pm #169829
    aidia
    Participant

    Oh my goodness, thanks heaps, Tom! That fixed it - wow. I spent hours trying to figure out what I did. Thank you so very much for your help!

    Regards,
    aidia

    November 1, 2015 at 5:12 pm #169837
    Tom
    Participant

    Cool. Have fun!


    Choose your next site design from over 350 Genesis themes.
    [ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Agency Pro 'Our Portfolio' Featured Post – not showing correctly on mobile’ 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