Hi,

Please add this in the functions.php file:

add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() { ?>
	<script type="text/javascript">
	(function($){
		var a = function() {
			var ch = $('.container .av-content-small.units').height();
			$('#top #main .sidebar ').css('height', ch);
		}

		a();
	})(jQuery);
	</script>
	<?php
}

And this code in the Quick CSS field:

#top #main .sidebar {
    background: red;
}

Change the color as needed. :)

Best regards,
Ismael

Hi,

Look for this code around line 4726:

if(!event.data.self.isMobile && !event.data.slide.data('disableAutoplay')) { event.data.slide.trigger('play'); } 

.. replace it with:

if(!event.data.slide.data('disableAutoplay')) { event.data.slide.trigger('play'); } 

I’m not sure if this is going to work because mobile devices do not autoplay videos by default.

Best regards,
Ismael

Hey sitesme,

Thank you for using Enfold.

1-2.) Please follow solution number 3. https://kriesi.at/support/topic/magazine-thumbnails-2/#post-307751

3.) Edit the blog posts element, set the Preview Image Size to manual then select the thumbnail size. However, the best solution is to upload images with the same size and proportion.

Best regards,
Ismael

Hi,

The device has higher screen resolution compare to standard desktops so it stretches the image. Please edit the image layer then go to the attributes panel. Apply a unique id or class attribute to it then add the following css code:

@media only screen and (min-width: 2000px) {
   .customcssclass {
       margin-top: 0 !important;
   }
}

Replace “customcssclass” with your custom id or class attribute.

Best regards,
Ismael

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

@media only screen and (max-width: 768px) {
.home #av-layout-grid-1 .flex_column_table {
    margin-top: 0!important;
}}

Best regards,
Yigit

Hi,

This is not a bug actually. Special heading element has top margin and the code i posted removes it in your section.

Best regards,
Yigit

Hi kilimats!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

#performance-reports .av-special-heading-h2 {
    margin-top: 0!important;
}

Regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.page-id-1178 #av_section_1 .container {
    padding-top: 10px!important;
}

Best regards,
Yigit

Hi,

I added following code to Quick CSS

.html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

Then set header height to 245px (which is the height of your logo) in Enfold theme options > Header then flushed cache. Please review your website now. When you make changes on your site, please do not forget to flush cache on your cache plugins settings.

Best regards,
Yigit

Hi rimlightstudio!

Please refer to this post – https://kriesi.at/support/topic/search-icon-on-mobile-devices/#post-589759

Cheers!
Yigit