Hi,

Is this fixed?

FYI, the “Alternate Color” will not affect the sidebar. You can use the following css code if you want to change the sidebar background.

.sidebar {
    background-color: red;
}

Best regards,
Ismael

Hey!

Alright. We’ll close the thread now. Please don’t hesitate to open a new thread if you need anything else.

Have a nice day.

Cheers!
Ismael

Hi,

I’m so sry but no this isnt correct. You hard coded it I think and that isnt the right way.

What do you mean? I didn’t “hard code” it or place that particular category directly in the shortcode file. You can test it by adding a different category.

Best regards,
Ismael

Hi,

And, Is this restriction to mobile devices built into the Enfold Theme?

Yes, the background video option for the sliders and color section is disabled on mobile devices by default, so you have to add a fallback image. When the video doesn’t automatically play on desktop, then it is probably due to the browser policy mentioned above. When you do see it play on your end, it’s either the video is without sound or you’ve passed the Media Engagement Index (MEI) threshold — meaning you’ve played videos in your browser before. If you really need this to work on both desktop and mobile, try the layer slider.

Best regards,
Ismael

Hi,

Sorry for the delay.

Does it work when you use a different browser other than the ones mentioned above? Please try to set the button using a different browser before going back to the browser that you usually use. This is just temporary until we find an actual solution. I’m testing it on IE Edge. You should also try to deactivate the plugins except for WPML. Maybe there’s a conflict there somewhere.

Best regards,
Ismael

Hi,

Sorry for the delay.

You can set a condition to the script so that it is only executed on desktop but not on mobile devices.

function ava_move_full_screen_slider_above_header(){
	?>
		<script type="text/javascript">
		(function($) {
			$(document).ready(function($){
				var is_mobile = false;
			
				if($('.responsive #scroll-top-link').css('display')=='none') {
					is_mobile = true;       
				}
			
				if (!is_mobile) {
					$("#main > .avia-fullscreen-slider").insertBefore("#header");
				} 
			});
		})(jQuery);
		</script>
	<?php
	}

	add_action('wp_footer', 'ava_move_full_screen_slider_above_header');

Best regards,
Ismael

Hi,

My bad. I didn’t notice that.

We adjusted the code a bit. It now displays the “Rezept für Kinder” category. Is that correct?

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to have the submit button display on load.

#top .avia_ajax_form input[type='submit'].avia-button-default-style {
    background-color: #9a9a9a;
    border-color: #737373;
    pointer-events: none;
    opacity: 1;
    animation: all 0.7s;
}

You can also adjust the colors if you want.

Best regards,
Ismael

Hi,

Thank you for the update.

They are all related to the home page, so they will have the same class attribute. Unfortunately, you can’t set that class attribute based on the current section you’re on. And it doesn’t really make sense to mark any of those items as active menu when you can only see them when you’re no longer in any of the sections or anchors they point to. I hope that makes sense.

Best regards,
Ismael

Hi,

Thank you for the update.

How do you get to those pages from the search? Let us know if this snippet changes how the product sort functions.

remove_action( 'woocommerce_get_catalog_ordering_args', 'avia_woocommerce_overwrite_catalog_ordering', 20, 1 );

Best regards,
Ismael

Hi,

Thank you for the update.

Create a row with 4 1/4 columns, place the images in the middle columns and set the Image Alignment to center. You can also set the alignment of the first image to Right and the other to Left to close the gap even more.

Best regards,
Ismael

Hi,

Thank you for the update.

We need the link to the slider editor. We can’t seem to find it in the revolution slider panel.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you remove the css code? The animations are back. Instead of disabling the animation, try to adjust the waypoints script so that the animation triggers earlier. The script is in the js > shortcodes.js file around line 217.

function activate_waypoints(container)
	{
		//activates simple css animations of the content once the user scrolls to an elements
		if($.fn.avia_waypoints)
		{
			if(typeof container == 'undefined'){ container = 'body';};

			$('.avia_animate_when_visible', container).avia_waypoints();
			$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});

			if(container == 'body') container = '.avia_desktop body';
			$('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
		}
	}

Adjust 80% and 95% to to -50%.

Best regards,
Ismael

Hi,

Thank you for the update.

Have you managed to move the title below the image? This is how we see the page on our end.

Please ignore the white space.

Best regards,
Ismael

• This reply was modified 6 years, 7 months ago by Jordan Shannon.

Hi,

Thank you for the update.

Looks like the second logo is larger than the other. (see private field)

Make sure that the size of the images are the same.

Best regards,
Ismael