• 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

Remove Backstretch Image on Mobile – Theme: Minimum PRO

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 › Remove Backstretch Image on Mobile – Theme: Minimum PRO

This topic is: resolved

Tagged: css, design, Margin, minimum pro, padding

  • This topic has 2 replies, 2 voices, and was last updated 5 years, 1 month ago by Sridhar Katakam.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 5, 2018 at 8:28 pm #216129
    jeepkid99
    Member

    Hello,
    I have 2 coding problems I'm trying to figure out. A solution on either would solve my problem.
    1. I have a margin of 150px on the Main Image so that it doesn't slide behind my header area. Is there a way to have a zero margin when viewed on mobile or tablet? If not...
    2. How do I remove the main stretch image on mobile only? (I did make this a responsive image using the tutorial from Sridhar .

    You can see my site demo linked below. Thanks in advance for any tips on fixing this issue.

    https://aimauto.ubaqfpb6-liquidwebsites.com/
    February 5, 2018 at 8:48 pm #216131
    jeepkid99
    Member

    Resolved. I added this under the .main-image area:


    @media
    only screen and (max-width: 400px) {

    .main-image img {
    vertical-align: top;
    width: 100%;
    margin-top: 0px;

    February 5, 2018 at 8:50 pm #216132
    Sridhar Katakam
    Participant

    Add this inside the 1023px media query in style.css:

    .main-image img {
    	margin-top: 0;
    }

    Genesis Tutorials | Follow me on Twitter

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Remove Backstretch Image on Mobile – Theme: Minimum PRO’ 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