Hi!

The below CSS should get the logo height changed.

.logo img {
  min-height: 80px;
  top: -30px;
}

To make the other changes as mentioned we need to take a closer look at the header setup in backend please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.

Regards,
Vinay

Hey!

Not sure if you found an alternative for this. If you are trying to align the gaps similar to the mockup you need to apply padding to grids.

Please try the below CSS in Enfold > General Styling > Quick CSS

#top .no_margin.av_two_fifth {   
 padding-left: 3.5vw!important;
}

Please let us know if you need any help.

Best regards,
Vinay

Hey Jasmer!

We have added the below CSS in Enfold > General Styling > Quick CSS

/* menu hover color*/

.header_color .main_menu ul:first-child > li a:hover, #top #wrap_all .av-main-nav ul > li:hover > a .avia-menu-text{
  color: #000!important;
}

Regards,
Vinay

Hey CatherineCBrand!

To make the portfolio grid items collapse at 650px width please use the below css in Enfold > General Styling > Quick CSS

@media only screen and (max-width: 650px) {
.responsive #top #wrap_all .grid-sort-container .grid-entry {
    clear: both!important;
    width: 100%!important;
    left: auto!important;
}}

Cheers!
Vinay

Hi byteben!

Please check out this video

Make sure the path is correct and include the exact files path… When you don’t wordpress will only recognize some files like header.php, footer.php etc

Example:

Parent Theme > file
Child Theme > file

Parent Theme > folder / file
Child Theme > folder / file

Please refer to https://wordpress.org/support/topic/overriding-parent-theme-sub-files-with-a-child-theme-how for more details.

Detailed info here https://developer.wordpress.org/themes/advanced-topics/child-themes/

Best regards,
Vinay

Hey!

1. Hm, not sure if this method works with ajax functionality.
https://kriesi.at/support/topic/mobile-search-bar/

2. If you set a video URL in the custom link field it will open as a lightbox.

3. Refer to:
https://kriesi.at/support/topic/center-logo-in-navgation-and-hover-the-pics-like-in-eunoia-2/

Cheers!
Josue

Hey!

An alternative method would be to apply the following (HTML part):

The CSS would be this instead:

.wpcf7-form, .wpcf7-response-output{
  clear:both;
}

.wpcf7-form-control-wrap {
  display: block !important
}

.wpcf7-form p br{display:none;}
.wpcf7-form label {display:block; visibility: visible; position: relative; }
.wpcf7-form label, .modified_width:before{display:block; visibility: visible; position: relative; margin-bottom: 7px; font-weight: 600;}

.wpcf7-form p{ position: relative; clear:both; float:left; width:100%;}
.wpcf7-form p.hidden{position: absolute; width:0px; left:0; top:0; }
.wpcf7-form .form_element_half{width:49.5%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_third{width:32.6%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_two_third{width:66.4%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_fourth{width:24.2%; float:left; margin-left:1%; clear:none;}
.wpcf7-form .form_element_three_fourth{width:74.8%; float:left; margin-left:1%; clear:none;}

.wpcf7-form .first_form{clear:both;margin-left:0;}

#top .wpcf7-form .wpcf7-text, #top .wpcf7-form .wpcf7-select, #top .wpcf7-form .wpcf7-textarea{
  width:100%;
  margin-bottom:0;
  display:inline;
  min-width:50px;
  padding:13px;
  border-radius: 2px;
}

#top .wpcf7-form .wpcf7-select{
 -webkit-appearance: none;
 border-radius:0px;
 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-form .button {
  margin: 0;
  padding: 16px 20px;
  border-radius: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-weight: normal;
  font-size: 12px;
  min-width: 142px;
  outline: none;
}

.wpcf7-form p input, .wpcf7-form p textarea, .wpcf7-form p select{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:  all 0.3s ease-in-out;
  transition:     all 0.3s ease-in-out;
}

Cheers!
Josue

Hey!

please follow this thread: https://kriesi.at/support/topic/how-change-the-menu-subtext-home-subtext-where-the-heart-isam/#post-114228

Cheers!
Andy

Hey!

try this code in Quick CSS field:

.header-scrolled strong.logo {
top: -10px;
}

Cheers!
Andy

Hey!

refer to this answer: https://kriesi.at/support/topic/remove-or-fix-ajax-search-functionality/#post-191973

Regards,
Andy

Hi!

I checked both pages you have provided here but cannot see any difference. The only thing I see is that on one page there is a date shown. If you want to remove it use this code in your Quick CSS field:

time.date-container.minor-meta.updated {
display: none;
}
span.text-sep.text-sep-date {
display: none;
}

Best regards,
Andy

Hi T_Architect88-2015!

autoplay for mobile is deactivated by default due to restrictions by the vendors of those devices. Use a fallback image instead for mobile devices.

Regards,
Andy

Hey!

Try adding the following CSS code in the Quick CSS field under the General Styling tab in the theme options:

.html_header_left #main {
    margin-left: 200px;
}

.html_header_sidebar #top #header {
    width: 200px;
}

.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
    font-size: 10px;
}

Best regards,
Jordan

Hi!

I checked your website on desktop and on mobile and your left sidebar looks totally fine to me now. Could you fix it? If not what is the result you want to achieve? can you provide us a mockup please?

Otherwise feel free to open a new ticket for a new question or issue. We are happy to assist you.

Best regards,
Andy

Hey!

try this code in your functions.php:

add_action('wp_footer', 'wp_footer_mod');
function wp_footer_mod(){
?>
<script>
(function($){
	$('#top .widget_nav_menu li').on('click', function(event) {
        $('#top .widget_nav_menu li').each(function() {
			$(this).removeClass('current-menu-item');
		});

		$(this).addClass('current-menu-item');
	});
})(jQuery);
</script>
<?php
}

and then use this inside your Quick CSS field:

.current-menu-item a {
color: #35bdb2;
}

Cheers!
Andy

Hey rickyporco!

Thanks for getting in touch with us!

The after effect that is still appearing is from the top border color of the sub menu, as it only happens when there is a sub menu. Also the avia-menu-fx only needs the display: none attribute. Add the following code instead:

.html_header_top .header_color .main_menu ul:first-child >li > ul {
    border-top: none !important;
} 

.header_color .avia-menu-fx {
display: none;
}

Best regards,
Jordan

Hi pfalso!

not sure what you mean, as it is quite difficult to imagine what you are describing. Please make things clear by using screenshots (imgur.com, dropbox) and precise links. I can’t see any issues on the links you have provided.

Check out this thread, as it solves same issue you might have: https://kriesi.at/support/topic/tabs-shifting-showing-wrong-images-from-different-tab-in-ligthbox/#post-528820

Regards,
Andy

Hi!

try this code in Quick CSS field:

.avia-menu a {
height: 60px !important;
}
span.avia-menu-fx {
top: 60px !important;
}

and adjust as needed.

Best regards,
Andy

Hey!

so basically you just need to adjust the position of your captions, right? Use this code in your Quick CSS field:

.av-image-caption-overlay-center {
position: relative;
top: 38px;
}

and adjust as needed.

For the other function you can try ALB’s “Portfolio Grid” element. Look for “Link Handling” and choose for example “Ajax Portfolio”.

Best regards,
Andy