Hi,

Thank you for the info. Please use the following css code to adjust the overlay color.

#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,32,147,0.35);
}

Best regards,
Ismael

Hi,

Please try this code in the Quick CSS field.

.av-masonry-image-container, .av-inner-masonry-content {
    -webkit-transition: none;
    transition: none;
}

.avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none !important;
    animation: none !important;
}

Best regards,
Ismael

Hi,

Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Please edit the color sections then look for Screen Options tab. You can choose to display the first color section on desktop only and the other on mobile view. Make sure that you have the latest version of the theme which is version 4.1.1.

Best regards,
Ismael

Hi,

Please create a duplicate of the table then play around with the elements’ Screen Options. What you’ll be doing is to have one table for desktop and another for mobile view.

Best regards,
Ismael

Hi,
Try this code in the General Styling > Quick CSS field:

.header_color .header_bg {background-color: rgba(255,255,255,0.5)!important; }
#top #header .av-main-nav > li > a {background-color: rgba(255,255,255,0)!important; }

Your header starts off white, but when you scroll it is 50%

Best regards,
Mike

Hi,

Please remove the previous modifications then add the following script in functions.php file.

add_action('wp_footer', 'ava_scroll_hide_logo');
function ava_scroll_hide_logo(){
?>
<script>
(function($){
		var hide_logo = function() {
			var header = $('#header').height(),
			    scroll = $(window).scrollTop();
				if(scroll >= header) {
					$('.logo').css('display', 'none');
				} else {
					$('.logo').css('display', 'block');
				}
		}

		$(window).scroll(function() {
			hide_logo();
		});
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hi,

There are repeating jQuery errors. Did you modify the header.php file in the child theme? Please get a fresh copy of the file then re-do the modifications.

Uncaught TypeError: Cannot read property ‘top’ of undefined
at (index):87
at dispatch (jquery.js?ver=1.12.4:3)
at r.handle (jquery.js?ver=1.12.4:3)
07:37:50.415 (index):87 Uncaught TypeError: Cannot read property ‘top’ of undefined
at (index):87
at dispatch (jquery.js?ver=1.12.4:3)
at r.handle (jquery.js?ver=1.12.4:3)

Best regards,
Ismael

Hi,

Please insert this code at the very bottom of the css media query.

#menu-item-search { 
    display: block !important; 
}

.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 115px;
}

This code should display the search icon and adjust the top padding of the main container.

Best regards,
Ismael

Hi,

1- Please add following code to Quick CSS and adjust as needed

.html_av-overlay-side #top .av-burger-overlay-scroll {
    background: orange;
}

2- There is a search icon on your mobile menu :) Should we skip this one?
3- I added following code to Quick CSS

@media only screen and (max-width: 989px) {
.responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll, .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    left: 0;
    right: auto;
}
.html_av-overlay-side .av-burger-overlay-scroll {
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
}}

Best regards,
Yigit