Hey!

Try adding this at the very end of your theme / child theme functions.php file:

function enq_jquery() {
	wp_enqueue_script('jquery');
	wp_enqueue_script('jquery-ui-core');
}
add_action('wp_enqueue_scripts', 'enq_jquery');

Cheers!
Josue

Hi Miranda!

Looks good now, i just cleared the WP Super Cache.

Regards,
Josue

Hi!

Add this code to Quick CSS:

@media only screen and (max-width: 767px) {

  .responsive #top.page-id-x .container .av-content-small, .responsive #top.page-id-x #wrap_all .flex_column, .responsive #top.page-id-x #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  
}

Change “x’ by the ID of the page you want to affect.

Best regards,
Josue

Hey!

Refer to:
https://kriesi.at/support/topic/using-magazine-content-element-indicate-member-only-content-based-on-groups/#post-394670

Best regards,
Josue

Hey Miranda!

Please update the theme to the latest version (3.0.8).

Best regards,
Josue

Pásame un admin y una cuenta FTP (ponlo en respuesta privada).

Hi Miranda,

Can you please create me a WordPress administrator account? post it here as a private reply.

Regards,
Josue

Hey!

You’d need to place it manually in the Advanced Layout Builder (http://screencast.com/t/Voo9unvetu). Also, add this to Quick CSS to hide the automatic insertion by the plugin (only on ALB-enabled courses):

.single-sfwd-courses  #main > .learndash > #learndash_course_status {
    display: none !important;
}

Best regards,
Josue

Hi!

You need to the put this code somewhere in your Quick CSS or child theme style.css (i noted JS code there, remove it):

.mc4wp-form form{margin:0!important;clear:both}
.mc4wp-form p br{display:none}
.mc4wp-form label{display:block;visibility:visible;position:relative;margin-bottom:7px;font-weight:600}
.mc4wp-form p{position:relative;clear:both;float:left;width:100%}
.mc4wp-form p.hidden{position:absolute;width:0;left:0;top:0}
.mc4wp-form .form_element_half{width:49.5%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_third{width:32.6%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_two_third{width:66.4%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_fourth{width:24.2%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_three_fourth{width:74.8%;float:left;margin-left:1%;clear:none}
.mc4wp-form .first_form{clear:both;margin-left:0}
@media only screen and (max-width: 479px) { .responsive .mc4wp-form .form_element{width:100%;clear:both;margin-right:0;margin-left:0;float:none} }
#top .mc4wp-form input[type='text'],#top .mc4wp-form input[type='email'],#top .mc4wp-form select,#top .mc4wp-form textarea{width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px}
#top .mc4wp-form select{-webkit-appearance:none;border-radius:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border-radius:2px}
.mc4wp-form .button{margin:0;padding:16px 20px;border-radius:2px;border-bottom-width:1px;border-bottom-style:solid;font-weight:400;font-size:12px;min-width:142px;outline:none}
.mc4wp-form .modified_width .button{width:100%;padding:13px 10px 14px;min-width:0}
.mc4wp-form p input,.mc4wp-form p textarea,.mc4wp-form p select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

Also make sure to have set this in the mc4wp Form options.

Best regards,
Josue

Hey Steve!

There are two options:
1. Make the mobile menu appear sooner (overlap seems to occurs around 1200px):

@media only screen and (max-width: 1200px) {
    .html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
    .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
    .html_mobile_menu_tablet #mobile-advanced{display:block;}
}

2. Reduce the logo dimensions from 1200px until the 989px (where the mobile menu appears):

@media only screen and (min-width: 989px) and (max-width: 1200px) {
    .logo{
        top: 25px;
        width: 30%;
    }
}

Cheers!
Josue

Hey!

Add !important:

.sd_column_3{
margin: 0% !important;
}

And add this push the first one if you want:

.first.sd_column_3{
	margin-left: 6% !important;
}

Regards,
Josue

Hi @samcking!

Use this code:

#top #s {
    background: white;
    color: red;
}

Best regards,
Josue

Hola,

Si, eso es una limitación, los Widgets asi como los Menus se tienen que re-configurar cada vez que se cambia de theme.

Sobre como tener un elemento ALB modificado en un child theme:
http://kriesi.at/documentation/enfold/add-new-or-replace-advanced-layout-builder-elements-from-child-theme/

Saludos,
Josue

Hey!

At the end, below of:

@import url(“../enfold/style.css”);

Regards,
Josue

Hey!

The background gets rescaled so it can fill the whole size of the container and keep its natural aspect ratio at the same time, you can change that behavior with the following code:

@media only screen and (max-width: 767px) {
    .avia-full-stretch {
        background-size: 100% 100% !important;
    }
}

That will make the image look like this:
http://screencast.com/t/1FPCJlFUVdo0

Alternatively you can use this:

@media only screen and (max-width: 767px) {
    .avia-full-stretch {
        background-size: contain !important;
    }
}

That will keep the aspect ratio of the image but it won’t be able to fill the whole container size:
http://screencast.com/t/rjzx219mK

Here’s a more graphical explanation:

Regards,
Josue