• 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

How to center Parallax Pro background images (for mobile screen sizes)

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 › How to center Parallax Pro background images (for mobile screen sizes)

This topic is: not resolved

Tagged: background, center, header, parallax, responsive

  • This topic has 6 replies, 5 voices, and was last updated 7 years, 4 months ago by MogensThomsen.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 9, 2014 at 10:31 am #89495
    Dan B
    Member

    Hi,

    I'd like to use the Parallax Pro theme, but would NEED to center the background images on mobile screen sizes.

    As it currently shows in the demo, the images float left, thus cutting off the entire right side of the image when view ad smaller (i.e. less than 1000px width). This is pretty bad for artwork that need to stay on screen or an image that contains a vital subject.

    How can I make the images stay centered instead?


    Dan @ ZindaMedia
    Marketing, Fundraising and Social Media strategies for non-profits.

    March 4, 2014 at 7:56 am #93364
    BlueNinja
    Member

    I too am keen to hear if there is a solution so adding comment to stay in the loop 🙂

    March 10, 2014 at 1:21 am #94131
    abbypanda
    Member

    Did you ever hear any help on this/ Is it me or is it hard to get help here lately?

    March 13, 2014 at 12:30 am #94593
    Dan B
    Member

    Hi all,

    It turns out that this is a non-issue. My question about keeping the images centered was based upon my observation that images would not center on small screens when I manually resized my browser window with a pre-loaded page.

    However, if I first re-size my browser window - or use a mobile device - and THEN load the page, all images center just as they should.

    So, the good news is that this is not be a problem at all in real-world use.

    🙂


    Dan @ ZindaMedia
    Marketing, Fundraising and Social Media strategies for non-profits.

    December 30, 2014 at 11:53 pm #135718
    Ronz
    Member

    Wow, glad to hear that !!! I too was concerned about the centering in my browsers.

    December 30, 2014 at 11:55 pm #135719
    Ronz
    Member

    So just tested it on Chrome on Mac -- and it does not center in the browser when the page is refreshed 🙁 So this is a big annoyance. I wonder how to fix it?

    December 31, 2014 at 12:26 am #135722
    MogensThomsen
    Member

    Interesting topic! Following this closely...

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

© 2022 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