Hey Taryn,

Thank you for using Enfold.

My bad. Please replace the code with the following:

@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
    opacity: 0;
}

.responsive #top .cart_dropdown.show_cart {
    opacity: 1;
}
}

And this code in the functions.php file:

function add_custom_script(){
?>
<script type="text/javascript">
(function($){
	function a() {
	    $('#top .avia_cart_buttons .button').bind('click', function() {
            var empty = $('.cart_list .empty').length;
		    if(!empty) return;

		    $('.cart_dropdown').addClass('show_cart');
	    });		
	}

	a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Remove browser cache before testing the page.

UPDATE: We modified the code a little.

Best regards,
Ismael

Hi,

The background is the same as the font color. This should work:

@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency #header_meta {
    background-color: #117e73;
}
}

If the same css media query exist, copy the code and put it inside the existing media query. We would like to know if our suggestions above work on your end.

Best regards,
Ismael

Hi,

The down arrow should be visible by default but please add this in the Quick CSS field to fix it:

.avia_transform .av-extra-border-element .av-extra-border-inner {
    top: -25px;
}

.avia-section {
    overflow: visible;
}

Best regards,
Ismael

Hi,

There is a zoom slider located at the top of the preview. You can adjust the value there.

Best regards,
Ismael

Hey devynspirit,

Great, glad you solved it. Let us know if you should need any further help on the topic.

Regards,
Rikard

Hi,

You need to add the excerpt manually when using the builder for posts, if you don’t see the excerpt field you can select to show it under Screen Option on the top right hand side of your screen. You can also switch to the default editor and save once you are done with the content of your post.

Regards,
Rikard

Hi finon,

I’ve tagged the topic for our german speaking moderator, please wait for his reply.

Best regards,
Rikard

Hi,

The color section is responsive, the image moves out of the frame because the section is trying to keep its aspect ratio. It’s possible to adjust the background position on certain screen sizes using css media queries. If you really want to use the layer slider, please extract the “girl” or remove the extra background on the right side of the image then set the top position according to the height of the slider and the “girl” image while set the left position to 0. If it’s not working, add a custom attribute to the “girl” layer then adjust the top and left position in the Quick CSS field.

Best regards,
Ismael

Hi,

Thank you for the link. Please use the code provided in the following link but remove the third conditional statement: https://kriesi.at/support/topic/prevent-current-pageitem-from-appearing-in-sidebar-widget/#post-593247

add_action('pre_get_posts', 'ava_exclude_widget_post');
function ava_exclude_widget_post($query) {
	if (!is_admin() && is_singular('portfolio')) {
    	$exclude = avia_get_the_ID();
		$query->set( 'post__not_in', array($exclude) );
	}
}

If this is not working, use this:

//portfolio query
add_filter( 'avia_post_grid_query', 'custom_post_grid_query', 10, 2);
function custom_post_grid_query( $query, $params ) {
	$id = avia_get_the_ID();
	$query['post__not_in'] = array($id);
	return $query;
}

Best regards,
Ismael

Hi,

Great! Glad you sorted it out. I’m not sure if you can sort the events by the actual “event date” so a workaround is to set the “Order By” parameter to “Page Order”. You can then sort the events manually by using the “Order” field. Related link: https://kriesi.at/support/topic/masonry-gallery-ascending-order-on-date/#post-625571

Best regards,
Ismael

Hi Mike,

Please try the following in Quick CSS under Enfold–>General Styling:

.responsive .boxed#top {
    width: 100% !important;
    max-width: 100% !important;
}

Thanks,
Rikard

Hi,

I see. Please use this to adjust the size of the buttons on mobile view:

@media only screen and (max-width: 767px) {
#top .avia-slideshow-button {
    padding: 5px 8px;
    font-size: 11px !important;
}
}

Best regards,
Ismael

Hi,

1.) Add the following code:

.grid-entry {
    padding: 0 20px 20px 0 !important;
}

2.) Follow the instructions here: https://kriesi.at/support/topic/open-ajax-portfolio-by-default-to-a-certain-item/#post-630425

Best regards,
Ismael

Hi,

@Groeier: I’m sorry but I cannot reproduce the issue on IE8. Make sure that compatibility mode is off in your browser.

@jstonestreet: Sorry if you’re having this issue. The slider seems to be a little off when I checked it on IE8. The captions are scattered around the place and there is a small thumbnail coming from nowhere. What is the version of your IE browser? One of the workaround is to hide the layer slider on IE browsers and then replace it with with a simple easy slider.

@meixnerg: We haven’t figured out what’s causing the issue yet. Please replace the code with the following:

add_action('wp_footer', 'ava_auto_resize');
function ava_auto_resize(){
?>
<script>
(function($){	
	var int = window.setInterval(function(){
		$(window).trigger('resize');
	}, 2000);
	
	$(window).load(function () {	
		setTimeout(function() {
			clearInterval(int);
		}, 3000);
	});
})(jQuery);
</script>
<?php
}

It’s still the same code but it will resize the browser on interval then stop when the page is fully loaded.

Best regards,
Ismael

Hi,

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

.responsive #top .main_color .av-open-submenu.av-subnav-menu > li > a:hover {
    color: orange;
}

Best regards,
Yigit