Chris Borgman

Hmmm, core files huh? Oh well, it works and is much better! Thanks!

@bestoman Thank you!! That’s what I was needing for cloning new sites for clients. ??

If set to “Interactive” the map is Responsive add is 100% (minus padding) of the column.

If you set to “Static” and set height and width the image will be constrained to that ratio but will still not be wider that the column.

This module works really well actually.

It took me awhile but I figured it out if anyone else can benefit from this simple hack. I altered the plugins core files so if it ever gets updated I’ll have to do this again.

Download and install wp mobile detect plugin and add this to the SSJPB php file:

$detect = new Mobile_Detect();
if ( $detect->isMobile() ){}
else

So the end result looks like this:

function super_simple_jquery_parallax_background_action() {

				$detect = new Mobile_Detect();
				if ( $detect->isMobile() ){}
else

// Any mobile device (phones or tablets).
    // Register and queue Javascript file.
    wp_register_script(
        'super_simple_jquery_parallax_background_js',
        // dirname(__FILE__)
        plugins_url('/assets/js/super-simple-jquery-parallax-background.js', __FILE__),
        array('jquery'), // Dependency.
        false, // Specific version, if exists.
        true // Enqueue for footer instead of head.
    );
    wp_enqueue_script('super_simple_jquery_parallax_background_js');
}

add_action('wp_enqueue_scripts', 'super_simple_jquery_parallax_background_action');

If you want to kill parallax scrolling only on phones ONLY and not tablets use this instead:

if( $detect->isMobile() && !$detect->isTablet() )

The WP plugin is based on this: https://mobiledetect.net/

https://cb.profoliolive.com/parallax-1/ page tested

I tested again on my Android Moto G with Dolphin browser, the results are worse than on Chrome. The background image disappears as you scroll up.

Anyone else tested on mobile devices?

What I mean by “deactivate” is turning off the jquery scroll effect so the background reverts to just being a fixed or scrolling image.

Works really great!!

Me three, how to add an image? There’s images in the WP plugin page. So…..

Anyone home?

Sorry, DUPLICATE.

I agree. https://drive.google.com/file/d/0B_j_l4FBkfb3SHJDd2pPQUprNEU/view?usp=sharing

I’m using the default CSS template and it looks like it’s OK. Looking at

`/* Maximum width of 600 pixels. – I changed to 1060px */
@media screen and (max-width: 600px) {
.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
clear: both;
width: 100% !important;
margin-left: 0;
margin-right: 0;
margin-bottom: 1em;
}
}

shows margin-right is set to 0px, so not sure it’s it’s not working.

Then I tried the “Small Margins Template” but unfortunately, at least for me, this was really off:
https://drive.google.com/file/d/0B_j_l4FBkfb3SUI4WjZDeWh1VXM/view?usp=sharing

Any solutions?

After each row you are supposed to use a clear:both div to keep things from trying to move into open space. Read this: https://stackoverflow.com/questions/12871710/what-does-the-css-rule-clear-both-do

This plugin does not have it as an option but I’ve been playing with Easy Columns https://www.ads-software.com/plugins/easy-columns/ and it does give an option to insert the clear: both div.

Wouldn’t using the plugin’s “last” designation work? I assume that’s what it’s for: [one_third_last][/one_third_last]

You example would then look like:

[one_third]a[/one_third]
[one_third]b[/one_third]
[one_third_last]c[/one_third_last]

I also have to add a custom body class on the page with PB or my gallery acts/looks even worse. I’m able to do this within Dynamik Website Builder on the page, see screenshot. But on all other pages/posts this is not required.

Seems related as PB is scripping out some code automatically.

https://drive.google.com/file/d/0B_j_l4FBkfb3NHFPZkJLd2lTNkE/view?usp=sharing

Yes, I did also try putting CSS in my child themes file. I’m using Genesis and Dynamik Website Builder child theme which has a dedicated place for CSS.

Sure, first I tried setting the class then right under add the CSS for that class, but when it didn’t work I added it to my theme’s CSS file, still did not work.

I’m a little confused on the explanation, but it seems you are aware there is a problem and it’s not just end users doing it wrong, am I correct?

I was able to find it if anyone needs to know:

/* WP Jump Menu hover color */
.chosen-container .chosen-results .highlighted {
  background-color: #dddddd !important;
}

Must use an Admin CSS plugin.