front page static slider not moving down properly

@jkotsch

Looks like a bug. If you can open up the optimize.js file from wp-content/themes/optimizer/assets/js folder and add this to the very bottom of the file:

jQuery(window).on('load scroll', function() {
			var scrollTop = jQuery(this).scrollTop();

			var hheight = jQuery(".header").height() + jQuery('.admin-bar #wpadminbar').height() + jQuery('#customizer_topbar').height();

			if ( !scrollTop ) {
					jQuery('body:not(.has_trans_header) .stat_bg img').css({"top":hheight+"px"});
					jQuery('body:not(.has_trans_header) .stat_bg').css({"background-position-y":hheight+"px"});
			}else{
					jQuery('body:not(.has_trans_header) .stat_bg img').css({"top":"0px"});
					jQuery('body:not(.has_trans_header) .stat_bg').css({"background-position-y":"0px"});
			}

	});

This will be fixed in the next version.

Thanks.

@layerthemes
Just to clarify, this is a temporary solution? The static slider is touching the bottom of my menu right now.

Also, now my boxes underneath it are not spaced right. Is there a way to have like a hover animation for them as well?

Thanks.

It looks pretty terrible with the Frontpage widgets not in proper alignment. What can I do about it?

Looks like the code you pasted converted to weired characters, See here:
https://www.mwcloudsolutions.com/Developer2/wp-content/themes/optimizer/assets/js/optimizer.js?ver=1

Thats why its not working. How did you paste the code? what editor did you use to open/edit the optimizer.js file?

I pasted the code at the bottom like you said. Cpanel.

Can you please use this plugin to edit the file:
https://www.ads-software.com/plugins/solid-code-theme-editor/

Regards

Okay. Did it through there. Still didn’t work.

Is there any way to add animation to the front page blocks widgets?
And I got it to work. Thanks!

Try adding this to your Custom CSS:

.midrow_block:hover { background: rgba(0, 0, 0, 0.02); -webkit-transform: scale(1.14); -moz-transform: scale(1.14);-ms-transform: scale(1.14); -o-transform: scale(1.14); transform: scale(1.14);}

Perfect! Thank you so much for the help and making it simple.

One more question. I have searched everywhere but essentially, I do NOT want the text to wrap around an image on a page. I have tried tables and they do not work. I know you can use css code to do it but I, unfortunately, do not have the skill set to know where to put it. Could you help with that?

Can you please share a page link where the text is wrapped around image?

@layerthemes
https://www.mwcloudsolutions.com/Developer2/?page_id=87

I would like to have the photo with no text going underneath it. Like they’re in two separate parts of the page.

Does that help? Anyway you can help me?