Hi,

You can actually move the magazine shortcode file in the child theme. Just follow the instruction in the documentation.

// https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#add-elements-to-alb

Best regards,
Ismael

Hi,

Thanks for the info.

This css code should help.

.grid-content {
    min-height: 78px;
}

You may need to add a few css media queries to adjust the minimum height on smaller screens.

Best regards,
Ismael

Hey Exec4,

Thank you for using Enfold.

Have you tried to use the Widget Area element? Add a navigation menu widget on a custom widget area and then use the widget area element to render the navigation widget in the page. I’m not exactly sure how you want it to look like but I think you can start with that.

Best regards,
Ismael

Hi,

Awesome! Please feel free to open a new thread if you need anything else. :)

Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Ismael

Hi,

You don’t need to add any function. I just informed you about the changes regarding the add_image_size function, which is responsible for the size of the thumbnails. Please install the Simple Image Sizes plugin then go to the Settings > Media panel. You’ll see a list of thumbnails there. Look for the “portfolio” and “portfolio_small” thumbnail, tick or enable their “crop” parameter, update, save and then regenerate the thumbnails. Let us know if it’s still confusing.

Best regards,
Ismael

Hi,

You’re welcome! Glad we could help. Have a nice weekend and thank you for switching to Enfold! :)

Best regards,
Ismael

Hi,

Yes, that should go in the functions.php file. :)

Best regards,
Ismael

Hi,

Thanks for the update.

You can add these css codes on the Quick CSS field.

#js_sort_items .text-sep {
    display: none !important;
}

.main_color #js_sort_items a {
    margin-right: 20px;
    color: red;
}

.main_color #js_sort_items a.active_sort {
    color: blue;
}

That should remove the slashes and change the font color of the sort menu.

Best regards,
Ismael

Hi,

Thanks for the update.

The theme’s Performance > File Compression options were enabled. We disabled it temporarily. Please try to add the css modifications again.

Best regards,
Ismael

Hey Ken,

Thank you for using Enfold.

Can we check the site? Have you tried to minify or compress the scripts?

Best regards,
Ismael

Hey DimaP,

Thank you for using Enfold.

How did you enable the fallback image on desktop view? It should be hidden on desktop browsers.

Best regards,
Ismael

Hey stephberts,

Thank you for using Enfold.

Did you add any custom scripts to the front page? Please set the builder to debug mode so that we can check the shortcodes.

// https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode

Best regards,
Ismael

Hi,

Thanks for the update.

I can reproduce the issue on my end. Please replace the code with this one.

add_action('wp_footer', 'ava_custom_script_reload_video');
function ava_custom_script_reload_video(){
	?>
	<script type="text/javascript">
		(function($) {	
            var isMobile = false;

            if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
            {
                isMobile =  true;
            }
            else
            {
                isMobile =  false;
            }

			$(window).on('load', function() {
            // -------------------------------------------------------------------------------------------
            // html 5 videos
            // -------------------------------------------------------------------------------------------
            $.fn.avia_html5_activation_mod = function(options)
            {	
                var defaults =
                {
                    ratio: '16:9'
                };

                var options  = $.extend(defaults, options);
                
                // if(isMobile) return;
                
                this.each(function()
                {
                var fv 			= $(this),
                    id_to_apply = '#' + fv.attr('id'),
                    posterImg 	= fv.attr('poster');
                

                fv.mediaelementplayer({
                    // if the <video width> is not specified, this is the default
                    defaultVideoWidth: 480,
                    // if the <video height> is not specified, this is the default
                    defaultVideoHeight: 270,
                    // if set, overrides <video width>
                    videoWidth: -1,
                    // if set, overrides <video height>
                    videoHeight: -1,
                    // width of audio player
                    audioWidth: 400,
                    // height of audio player
                    audioHeight: 30,
                    // initial volume when the player starts
                    startVolume: 0.8,
                    // useful for <audio> player loops
                    loop: false,
                    // enables Flash and Silverlight to resize to content size
                    enableAutosize: false,
                    // the order of controls you want on the control bar (and other plugins below)
                    features: ['playpause','progress','current','duration','tracks','volume', 'fullscreen'],
                    // Hide controls when playing and mouse is not over the video
                    alwaysShowControls: false,
                    // force iPad's native controls
                    iPadUseNativeControls: false,
                    // force iPhone's native controls
                    iPhoneUseNativeControls: false,
                    // force Android's native controls
                    AndroidUseNativeControls: false,
                    // forces the hour marker (##:00:00)
                    alwaysShowHours: false,
                    // show framecount in timecode (##:00:00:00)
                    showTimecodeFrameCount: false,
                    // used when showTimecodeFrameCount is set to true
                    framesPerSecond: 25,
                    // turns keyboard support on and off for this instance
                    enableKeyboard: true,
                    // when this player starts, it will pause other players
                    pauseOtherPlayers: false,
                    poster: posterImg,
                    success: function (mediaElement, domObject, instance) { 
                    
                    //make the medialement instance accesible by storing it. usually not necessary but safari has problems since wp version 4.9
                    $.AviaVideoAPI.players[ fv.attr('id').replace(/_html5/,'') ] = instance;
                    
                        setTimeout(function()
                        {
                            if (mediaElement.pluginType == 'flash') 
                            {	
                                mediaElement.addEventListener('canplay', function() { fv.trigger('av-mediajs-loaded'); }, false);
                            }
                            else
                            {
                                fv.trigger('av-mediajs-loaded').addClass('av-mediajs-loaded');
                            }
                                
                            mediaElement.addEventListener('ended', function() {  fv.trigger('av-mediajs-ended'); }, false);  
                            
                        },10);
                        
                    },
                    // fires when a problem is detected
                    error: function () { 
                
                    },
                    
                    // array of keyboard commands
                    keyActions: []
                    });
                        
                    });
                }
        
				//activate html5 video player
                if($.fn.avia_html5_activation_mod && $.fn.mediaelementplayer) {
                    $('.avia-video, .avia-audio', 'body').each(function() {
                        var container = $(this);
                        var video = container.find('.avia_video');
                        container.empty();
                        video.clone().appendTo(container).addClass('reloaded');
                        container.find('.reloaded').avia_html5_activation_mod({ratio:'16:9'});
                    });
                }
			});
		})(jQuery);
	</script>
	<?php
}

Best regards,
Ismael

Hi,

I’m not really sure why it behaves like that. This is the first time that I’ve seen but I guess it has something to do with the code block element. Please try to replace the code block elements with text blocks.

Best regards,
Ismael

Hi,

Did you try the fix for the fallback image?

// https://kriesi.at/support/topic/fullwidth-easy-slider-with-video-asking-for-object-on-mobile/#post-955294

Best regards,
Ismael