Forum Replies Created
-
Posts
-
I fixed this on my own by modifying the code:
// apply height add_action('wp_footer', 'ava_auto_height'); function ava_auto_height(){ ?> <script> (function($){ function c() { if( $.avia_utilities.isMobile ) return; $('#ColorSectionID .slide-entry').css('height', ''); var elementHeights = $('#ColorSectionID .slide-entry').map(function() { return $(this).outerHeight(); }).get(); var maxHeight = Math.max.apply(null, elementHeights); $('#ColorSectionID .slide-entry').height(maxHeight); } $(window).on('load', function() { c(); }).load(); })(jQuery); </script> <?php }Add an ID to the color section your Content Slider is in, replace “#ColorSectionID” in the code above with your ID, and this functionality will only apply to the content slider. I also replaced “resize” with “load” and that seemed to do the trick.
This still only adjusts to equal height on resize, even with this change:
Change:
return $(this).height();
to:
return $(this).outerHeight();Also, the code provided adjusts the height on ALL sliders… so if you have any other sliders (like Blog Posts) on the page, their height gets adjusted too and it looks ridiculous. How do we get equal height on JUST the content slider?
I used this in the functions.php:
add_action( ‘ava_after_main_menu‘, ‘enfold_customization_header_widget_area’ );
function enfold_customization_header_widget_area() {
dynamic_sidebar( ‘header’ );
}And then I used this css to line it up properly:
#header .widget {
position: absolute;
right: 50px;
top: -120px;
}Seems like a sloppy solution to me, but it was the only way I could keep it lined up. Unless you have a better solution…
Halfway there! It’s still hugging the far right of the browser instead of staying withing the boundaries of the inner container. I think it would have to be inside the same inner container as the logo in order to do that. How could I achieve that?
See private info:
