I added the following to quick css:

.template-page.content.av-content-full.alpha.units{
vertical-align: top !important;
}

It seems to have fixed the the content so it is no longer in the middle. Let me know if this is what you needed.

Best regards,
Jordan Shannon

Hi,

You can try just comment the post_nav function at the functions-enfold.php in line 444 to 506. To facilitate, replace the code by this:

/*if(!function_exists('avia_post_nav'))
{
	function avia_post_nav($same_category = false, $taxonomy = 'category')
	{
		global $wp_version;
	        $settings = array();
	        $settings['same_category'] = $same_category;
	        $settings['excluded_terms'] = '';
			$settings['wpversion'] = $wp_version;
        
		//dont display if a fullscreen slider is available since they overlap 
		if((class_exists('avia_sc_layerslider') && !empty(avia_sc_layerslider::$slide_count)) || 
			class_exists('avia_sc_slider_full') && !empty(avia_sc_slider_full::$slide_count) ) $settings['is_fullwidth'] = true;

		$settings['type'] = get_post_type();
		$settings['taxonomy'] = ($settings['type'] == 'portfolio') ? 'portfolio_entries' : $taxonomy;

		if(!is_singular() || is_post_type_hierarchical($settings['type'])) $settings['is_hierarchical'] = true;
		if($settings['type'] === 'topic' || $settings['type'] === 'reply') $settings['is_bbpress'] = true;

	        $settings = apply_filters('avia_post_nav_settings', $settings);
	        if(!empty($settings['is_bbpress']) || !empty($settings['is_hierarchical']) || !empty($settings['is_fullwidth'])) return;
	
	        if(version_compare($settings['wpversion'], '3.8', '>=' ))
	        {
	            $entries['prev'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	            $entries['next'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
	        }
	        else
	        {
	            $entries['prev'] = get_previous_post($settings['same_category']);
	            $entries['next'] = get_next_post($settings['same_category']);
	        }
	        
		$entries = apply_filters('avia_post_nav_entries', $entries, $settings);
        $output = "";


		foreach ($entries as $key => $entry)
		{
            if(empty($entry)) continue;
			$the_title 	= isset($entry->av_custom_title) ? $entry->av_custom_title : avia_backend_truncate(get_the_title($entry->ID),75," ");
			$link 		= isset($entry->av_custom_link)  ? $entry->av_custom_link  : get_permalink($entry->ID);
			$image 		= isset($entry->av_custom_image) ? $entry->av_custom_image : get_the_post_thumbnail($entry->ID, 'thumbnail');
			
            $tc1   = $tc2 = "";
            $class = $image ? "with-image" : "without-image";

            $output .= "<a class='avia-post-nav avia-post-{$key} {$class}' href='{$link}' >";
		    $output .= "    <span class='label iconfont' ".av_icon_string($key)."></span>";
		    $output .= "    <span class='entry-info-wrap'>";
		    $output .= "        <span class='entry-info'>";
		    $tc1     = "            <span class='entry-title'>{$the_title}</span>";
if($image)  $tc2     = "            <span class='entry-image'>{$image}</span>";
            $output .= $key == 'prev' ?  $tc1.$tc2 : $tc2.$tc1;
            $output .= "        </span>";
            $output .= "    </span>";
		    $output .= "</a>";
		}
		return $output;
	}
}
*/

Let me know if it works :)

Best regards,
John Torvik

Hi asinger777,

Here are a few articles on progressive loading:
https://optimus.keycdn.com/support/progressive-jpeg/
https://css-tricks.com/the-blur-up-technique-for-loading-background-images/

It could also be that the fonts size are adjusted by javascript, which does on document ready, but this can be reproduced on way lower connection speeds, which we cannot do much about.

There is a js error in console, it might also adding to js slowing down or stopping execution at all.

This _inbound.add_action should also be within document.ready.

Let us know if you have any more questions.

Best regards,
Victoria

Hi,

This appears to be fixed. I used the following code:

@media only screen and (max-width: 990px) {
#sub_menu1 { display: none !important; }}

Your initial css was not working likely because there is an error somewhere in your quick css. I made sure to add my code to the very top to ensure it runs first. Let me know if this is what you needed.

Best regards,
Jordan Shannon

Hi,

I have checked it out and it seems the new version of layerslider integrated into Enfold isn’t compatible with the boxed layout. I have added this css code in Quick CSS (located in Enfold > General Styling) which fixes the slider navigation elements:

#top .avia-layerslider .ls-wp-container .ls-slide-backgrounds * {
    max-width: 100%;
}

#top .avia-layerslider .ls-wp-container {
    width: 100% !important;
}

Will report this to Kriesi and our devs, for the meantime please adjust the layer elements so it goes to center.

Cheers!
Nikko

Hi pimroll,

Try adding this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top #mobile-advanced {
    background: #fff url('http://domain.com/enfold/wp-content/uploads/2017/02/logo.png') left 30px top no-repeat;
    background-size: auto 89px;
  }
}

Try to replace http://domain.com/enfold/wp-content/uploads/2017/02/logo.png with the url of your logo and probably adjust some of the code. Hope this helps :)

Cheers!
Nikko

Hey,

Try using this plugin: https://wordpress.org/plugins/simple-image-sizes/ then in Settings > Media you should be able to see sizes and widget should be 36 x 36, just change it to the value you like then regenerate the images or you might need to re-upload if there are no changes. Then on Quick CSS (located in Enfold > General Styling) try to add this css code:

#top .news-thumb img, 
#top .news-thumb img {
    width: 100px !important;
    height: 80px !important;
    max-width: 100px;
}

Just adjust the width and height as you see fit. Hope this helps :)

Cheers!
Nikko

Hi Paul,

Here are two ways to try to solve it.

CSS way https://kriesi.at/support/topic/widget-in-sidebar-disappear-in-responsive/#post-468104

and via Javascript https://kriesi.at/support/topic/filter-option-below-my-products-on-mobile-device/#post-473032

Let me know if this was helpful.

Best regards,
Victoria

Hi georgecornelius,

In general, you can’t really style the option tag. This element is rendered by the OS, not HTML. It cannot be styled via CSS. There are replacement plug-ins that look like a SELECT, but are actually composed from regular HTML elements that CAN be styled.

In Firefox, your options get orange, while Chrome render it with it’s own styles.

Another this is, you button for actually making a reservations turns white on hover and the text disappears. This I would fix. Here is the css rule:

#top .av-custom-form-color .button:hover {
    color: #e87b14;
} 

Let us know if you have any more questions.
Best regards,
Victoria