Hi,

Thanks a lot for helping out @kevinmcgillivray :-)

Let us know if you should need any further help on the topic @bwilbourne

Best regards,
Rikard

Hi,

The masonry element is limited to left-to-right layout at the moment. You can replace it with the portfolio grid element if you really need the rtl layout and then follow this link.

// https://kriesi.at/support/topic/rtl-portfolio-grid-2/#post-714685

This option was disabled because it doesn’t work well in the masonry element. You can test it by editing the js > shortcodes.js file, look for this code around line 1436:

methods.applyMasonry(container, false, function()

.. replace it with:

methods.applyMasonry(container, 'av-masonry-entry', function()

After that, go to line 1245:

var filters = selector ? {filter: '.'+selector} : {};

.. replace it with:

var filters = selector ? {itemSelector : '.'+selector, filter: '.'+selector, layoutMode : 'fitRows', isOriginLeft : false} : {};

You’ll see why it is disabled.

Best regards,
Ismael

Hi,

Great, glad you found a plugin to help you along and thanks for sharing :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hey DaFool71,

Thank you for using Enfold.

Please remove the css modification then add this code in the functions.php file:

// set sidebar height
add_action( 'wp_footer', 'ava_custom_script' );
function ava_custom_script() { ?>
	<script type="text/javascript">
	(function($){
		var a = function() {
			var ch = $('.container .av-content-small.units').height();
			$('#top #main .sidebar ').css('height', ch);
		}

		$(window).load(function() {
			a();
		});

		$(window).on('debouncedresize', function() {
			a();
		});
	})(jQuery);
	</script>
	<?php
}

Best regards,
Ismael

Hi,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikardx

Hi,

Great, glad it started working. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container, .avia_desktop .av-hover-overlay-active.av-caption-style-overlay .av-masonry-entry .av-masonry-image-container {
    background-position: 50% 0;
}

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

span.avia-sub-menu-fx:after {
    content: '';
    height: 10px;
    width: 10px;
    display: block;
    margin: auto;
    background: red;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -5px;
    position: relative;
}

then add following code to Functions.php file in Appearance > Editor

function av_submenu_arrow(){
?>
 <script>
jQuery(window).load(function(){
jQuery('<span class="avia-sub-menu-fx"></span>').prependTo('.av-main-nav > li > ul')
});
 </script>
<?php
}
add_action('wp_footer', 'av_submenu_arrow');

Best regards,
Yigit

Hey!

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 column elements which have negative top margins and give them a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 767px) { 
.your-custom-class { margin-top: 0!important; }}

Best regards,
Yigit

Hi,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Please refer to this post – https://kriesi.at/support/topic/lightbox-o-similar/#post-595674
If that does not help, please start a new thread under Enfold sub forum :)

Best regards,
Yigit