Hi mattmikulla!

Thank you for using Enfold.

If you don’t mind, we would like to see the actual website. Make sure that you’re running Enfold 3.0.4 on WordPress 4.1.

Cheers!
Ismael

Hey amirhossein!

Thank you for using Enfold.

I’m sorry but this will require major modification on the theme. You can edit includes > helper-main-menu.php file if you want to add another menu on top of the default navigation. Look for this code:

echo "<nav class='main_menu' data-selectname='".__('Select a page','avia_framework')."' ".avia_markup_helper(array('context' => 'nav', 'echo' => false)).">";
						        $avia_theme_location = 'avia';
						        $avia_menu_class = $avia_theme_location . '-menu';
						        $args = array(
						            'theme_location'	=> $avia_theme_location,
						            'menu_id' 			=> $avia_menu_class,
						            'menu_class'		=> 'menu av-main-nav',
						            'container_class'	=> $avia_menu_class.' av-main-nav-wrap'.$icon_beside,
						            'fallback_cb' 		=> 'avia_fallback_menu',
						            'walker' 			=> new avia_responsive_mega_menu()
						        );
						
						        wp_nav_menu($args);
						        
						     if($icon_beside) echo $icons;    
						      
						    /*
						    * Hook that can be used for plugins and theme extensions
						    */
						    do_action('ava_inside_main_menu');
						        
						    echo '</nav>';

Use the Fullwidth Submenu element to add a custom menu below the slider.

Cheers!
Ismael

Hey!

You can use the theme’s shortcode wand instead. Remove the html allowed tags notice with this on Quick CSS:

p#form-allowed-tags {
display: none;
}

Regards,
Ismael

Hi!

Use this instead:

.icon-custom-hover:hover a {
color: blue !important;
}

.main_color .icon-custom-hover:hover a.av-icon-char {
border-color: black;
}

Cheers!
Ismael

Hi voice903fm!

Thank you for using Enfold.

Looks like the plugin is in conflict with the default lightbox. You can disable the default lightbox on Enfold > Theme Options >Lightbox Modal Window.

Cheers!
Ismael

Hey blaineglobal!

Happy new year!

Enable the custom css class option. Refer to this link: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Use “offset-image” on the custom css class field for example. Add this on Quick CSS;

.offset-image {
position: relative;
top: -50px;
}

Use css media queries to adjust the top position on different screen sizes.

Regards,
Ismael

Hey tamaranfibeitek!

Thank you for using Enfold.

I think you can accomplish this with categories. In a chest and leg exercise, for example, add the appropriate categories (leg and chest) plus the difficulty level category. Create pages that will separate the exercises by category using the Blog Posts element.

Cheers!
Ismael

Hey!

Yes, that is the reason why the related posts is not showing by default. I’m sorry but we don’t really recommend using ALB for posts because of these minor issues. You will have to create the posts content manually now.

The videos are very helpful. :)

Regards,
Ismael

Hey!

@p_castro: Thank you for taking interest on improving the Enfold theme on legacy browsers such as IE8. We all know that this browser will become obsolete soon, if not, will be almost non-existent on windows machines on the coming years. I’m not going to bore you with the details but the IE8 usage or global market share ranged from 6% to 8% and continues dwindle to the point that it is no longer sensible to exert too much effort on supporting this browser. Windows XP is the main reason IE8 stayed that long on the browser circulation. The OS is widely use on the PC ecosystem, particularly for businesses, but Microsoft already ended their support on Windows XP last April. With the ending of support for XP, users are essentially going to be forced into having to upgrade their operating systems to receive assistance, security updates, et cetera. Upon upgrading to these newer systems, users will need to also update their browser to a newer version. Still, Enfold is compatible with the browser with few minor flaws which are to be expected given the fact that IE8 is an almost 6 year old piece of software. Also, Envato no longer requires Internet Explorer 8 support from their themes which is why other premium themes such X doesn’t claim IE8 compatibility.

@Sladestyle: Please try to replace the code with this:

function add_custom_slider(){
?>
<script>
jQuery(window).load(function(){
  if (jQuery(window).width() >= 735){	
	   jQuery(".homeslide-mobile").hide();
  }
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_slider');

Cheers!
Ismael

Hey!

You can create a custom link on Appearance > Menus panel then add the # sign as URL. Regarding the sliders, looks like you’re not using fancy animations on the slider. Please use the easy sliders on the ALB instead of the layer slider or add the images as layer instead of slide background to prevent the default background cropping. Set the width and height of the layer to 100%.

Cheers!
Ismael

Hey!

Please use this on Quick CSS or custom.css to adjust the width of the masonry entry on larger screen sizes:

@media only screen and (min-width: 1800px) {
.responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry {
width: 33.3%;
}
}

Best regards,
Ismael

Hi!

Apply a background color and add a unique id on the section using the For Developers: Section ID field. Use “boxed-section” for example then use this on Quick CSS or custom.css:

#boxed-section .container {
width: 1030px;
}

Use css media queries to adjust the width of the section container on different screen sizes.

Regards,
Ismael

Hi!

Please try to install the plugin suggested above: https://wordpress.org/plugins/wp-mail-smtp/

Refer to this link for more info: https://www.digitalocean.com/community/tutorials/how-to-use-google-s-smtp-server

Regards,
Ismael

Hi!

Yes, it is possible to add widgets on the top bar but it will require modification on the theme. Add the button using html codes on the phone info fields then use this to enlarge the social icons:

#top .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
font-size: 25px;
}

#top .social_bookmarks li {
width: 50px;
}

Cheers!
Ismael

Hey!

Try to replace this code:

.logo img { top: 20px !important; }

with this:

.logo { top: 20px !important; }

Cheers!
Ismael