StudioPress

Forum navigation

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

Parallax Pro Modification for 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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax Pro Modification for Mobile

This topic is: not resolved

Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 2, 2014 at 2:45 pm #107868
    cjfitbase
    Member

    After spending hours trying to get images to fit right on several clients' sites, I decided to jump into the stylesheet and figure out if I could change it using CSS. My issue was that my clients really want to make these background images have more focus both on mobile and desktop. This simple fix was done using the Simple Custom CSS plugin, just add this to it and your background images should wind up being much easier to work with.

    .home-section-1,
.home-section-3,
.home-section-5 {

	background-size:         100%,100% !important;
	-webkit-background-size: 100%,100% !important;
}
    June 18, 2014 at 11:08 pm #110501
    nciske
    Member

    cover or contain didn’t cut it?
    This doesn't stretch the images?

    Nick Ciske | https://luminfire.com/ | @nciske
    Did I help you? Say thanks: http://bit.ly/1lahwy0

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.