Hey!

1.) I implemented this code in your Quick CSS and it seems to work fine for me:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive #main .container_wrap:first-child {
margin-top: 156px;
}}

Don’t forget to clear browser cache, if necessary.

3.) Sorry, use this code instead:

.avia-layerslider {
border: none;
}

5.) When the menu is too long that normal behavior. However, it’s not happening for me. Can you show us screenshots of the issue? You could try to decrease menu font size for this screen size:

@media only screen and (max-width: 1280px) and (min-width: 1024px) {
#top #header .av-main-nav > li > a {
font-size: 12px;
}}

Hope this helps.

Regards,
Andy

Hi jugalbandi3!

So when you resize your browser window your wanting the gallery to stick to 6 columns and then as the screen get smaller your wanting it to go to 2 columns automatically and skip the 3 column layout?

If that is correct then try commenting out lines 2517 – 2522 in /enfold/css/shortcodes.css.

@media only screen and (min-width: 767px) and (max-width: 989px) {
	.responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry{width:33.3%;}
	.responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry.av-landscape-img{width:66.6%;}
	.responsive .av-masonry-col-automatic .av-masonry-entry .av-masonry-entry-title{font-size:13px;}
	.responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content{display:none;}
}

Best regards,
Elliott

Hi alex5252!

Open up /enfold/includes/loop-index.php and around lines 101 – 109 you should see this.

//echo preview image
if(strpos($blog_style, 'big') !== false)
{
	if($slider) $slider = '<a href="'.$link.'" title="'.$featured_img_desc.'">'.$slider.'</a>';
	if($slider) echo '<div class="big-preview '.$blog_style.'">'.$slider.'</div>';
}

if(!empty($before_content))
	echo '<div class="big-preview '.$blog_style.'">'.$before_content.'</div>';

Try moving that code down so it displays right above line 198.

// echo the post content

You can style those sections with this CSS.

.single h2.post-title { font-size: 15px !important; }
.single .post-meta-infos span, .single .post-meta-infos time { font-size: 15px !important; }

Regards,
Elliott

Try with this instead:

@media only screen and (max-width: 480px) {
    .slideshow_align_caption br {
        display: none;
    }

    .responsive #top .slideshow_caption h2 {
        font-size: 20px !important;
    }

    .responsive #top .avia-slideshow-button{
        margin-top: 0;
    }

}

Cheers!
Josue

Hey!

Try adding this code to the Quick CSS:

@media only screen and (max-width: 989px)
{
	.responsive #top .sticky_placeholder{height:0px;}
	.responsive #top .av-submenu-container{top: auto !important; position: relative !important; height:auto; }
	
	.responsive #top .av-menu-mobile-active {text-align: center; }
	.responsive #top .av-menu-mobile-active .mobile_menu_toggle{display: inline-block;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu{display:none;}
	
	.responsive #top #wrap_all .av-menu-mobile-active.container {width:100%; max-width: 100%;}
	.responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block;}
	.responsive #top .av-subnav-menu > li:first-child{margin-top:-1px;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu  li{display:block; border-top-style: solid; border-top-width: 1px; padding:0;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu > li > a{border-left:none; padding:15px 15%; text-align: left;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before{content: "\25B6"; position: absolute; top: 15px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li > ul{visibility:visible; opacity: 1; top:0; left:0; position: relative; width:100%; border:none;}
	.responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul{display: none;}
	.responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist{display: block;}
	
	.responsive #top .av-menu-mobile-active .av-subnav-menu li > ul a{padding:15px 19%;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li li > ul a{padding:15px 24%;}
	.responsive #top .av-menu-mobile-active .av-subnav-menu li li li > ul a{padding:15px 29%;}

}

Change 989px as needed. Don’t copy the code from the mail notification but from the forum reply.

Cheers! 
Josue

Hey!

Try adding this code your child theme style.css:

form.wpcf7{margin:0!important;clear:both}
.wpcf7 p br{display:none}
.wpcf7 label{display:block;visibility:visible;position:relative;margin-bottom:7px;font-weight:600}
.wpcf7 p{position:relative;clear:both;float:left;width:100%;font-weight: bold;}
.wpcf7 p.hidden{position:absolute;width:0;left:0;top:0}
.wpcf7 .form_element_half{width:49.5%;float:left;margin-left:1%;clear:none}
.wpcf7 .form_element_third{width:32.6%;float:left;margin-left:1%;clear:none}
.wpcf7 .form_element_two_third{width:66.4%;float:left;margin-left:1%;clear:none}
.wpcf7 .form_element_fourth{width:24.2%;float:left;margin-left:1%;clear:none}
.wpcf7 .form_element_three_fourth{width:74.8%;float:left;margin-left:1%;clear:none}
.wpcf7 .first_form{clear:both;margin-left:0}
@media only screen and (max-width: 479px) { .responsive .wpcf7 .form_element{width:100%;clear:both;margin-right:0;margin-left:0;float:none} }
#top .wpcf7 input[type='text'],#top .wpcf7 input[type='email'],#top .wpcf7 select,#top .wpcf7 textarea{width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px}
#top .wpcf7 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}
.wpcf7 .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}
.wpcf7 .modified_width .button{width:100%;padding:13px 10px 14px;min-width:0}
.wpcf7 p input, .wpcf7 p textarea, .wpcf7 p select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
div#wdm-nocapt-recapt-id { clear: both }

Also edit the CF7 Form as follows:
– Set a class of “button” to the submit button.
– To get the asterisk use the following HTML tag (just paste it after each label):

<abbr class="required" title="required">*</abbr>

Cheers! 
Josue