Mobile view

Hey Charlotte :)

Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your text block element where you inserted your code and give it a custom CSS class and then add following code to Functions.php file in Appearance > Editor

function av_custom_iframe_height(){
?>
 <script>
jQuery(window).load(function(){
if ($(window).width() < 990) {
jQuery(".your-custom-class ifrane").attr("height", "335")
}
});
 </script>
<?php
}
add_action('wp_footer', 'av_custom_iframe_height');

and set the height in your code to 285

Best regards,
Yigit

Hi,

You should edit your text block element and add “your-custom-class” in Custom CSS field. No need to add any code to Quick CSS field :)

Best regards,
Yigit

Hey!

When you enable custom CSS field, this field should show on your element – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/blur.jpg. You can simply enter “your-custom-class” (without double quotes) in there. It will only help us to target the correct element. We will not be using it for custom CSS code :)
If you would like me to look into it, please create a temporary admin login and post it here privately.

Cheers!
Yigit

Hey!

Have you set the code to 285? If it still does not work, please create a temporary admin login and post it here privately :)

Best regards,
Yigit

Hey Charlotte!

I realized i made small typo in my code ( ifrane :) ). I changed it to following one

function av_custom_iframe_height(){
?>
 <script>
jQuery(window).load(function(){
if (jQuery(window).width() < 990) {
jQuery(".your-custom-class iframe").attr("height", "335")
}
});
 </script>
<?php
}
add_action('wp_footer', 'av_custom_iframe_height');

and confirmed it does work fine on my iphone. Please review your website now

Regards,
Yigit

Hi!

You are welcome Charlotte!
Thanks, you too have a nice day! :)

Best regards,
Yigit