Hi,
The dev team has worked on this for the next version and in the Private Content area I have included the files for you to test.
You will have to have the beta version of Enfold for this to work, so I also include this also.
You will also have to include a filter in your functions.php to assign the post links for Yelp for the in-post social links.
This is the link to the filter example
I recommend setting up a staging site to test this on.

Best regards,
Mike

Hi,

@dondela
I added the link to another one of your threads in the Private Content area.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login. I added this css to your Quick CSS:

#top.home #av_section_1 > .av-section-color-overlay-wrap {
    background: url(//your-site.ca/wp-content/themes/enfold/images/background-images/diagonal-thin-dark.png) center center repeat scroll;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home #av_section_6 > div > div > div > div > div.flex_column.avia-builder-el-51 > div > div.avia-content-slider-inner {
	height: 135px !important; 
}

Best regards,
Mike

Hey adGroupMarketing,
Sorry for the late reply, I see from your screenshot that your browser width seems to be about 1024px, I also see that your mobile menu is active until about 988px, would you like the mobile menu to stay active until 1100px where the main menu will be all on one line?
If so please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none !important; 
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block !important; 
  }
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 0;
    left: auto;
    right: 0;
    display: block !important; 
}
.responsive #top .av_mobile_menu_tablet #header_main_alternate {
    display: none !important; 
}
}
@media only screen and (max-width: 1100px) and (min-width: 989px) {
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 150px !important;
    margin: 0;
}
}

To have less space between sub-menu items, please try this css:

#top #menu-supermarket-shop.av-subnav-menu > li > a {
    padding: 0px 5px 0px 5px !important; 
}

To make your sidebar widget bullet points a down arrow, please try this css:

#top .widget_nav_menu ul ul li:before {
    content: "\2BC6" !important; 
}

The missing social icons was due to a change the WordPress v5.2.3 core files, I have applied the patch to your site so they now show.
Please check these solutions and once you are satisfied we will look at your other issues, typically we ask that you create one thread for each issue because it makes it easier to address and for other users to find solutions, thank you for your understanding and patience.

Best regards,
Mike

Hi,
I believe you have this code in your functions.php:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= 'image url here';
    return $sub;
}

or something very similar, if you find it try removing it if it has the url I posted above.
If you don’t find it, please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Sorry for the late reply, as I investigate your issue I was able to make a link to the image in the lightbox cover the column by adding this code to a code block element within your column:

<style>
a.fullwidth {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>
<a class="fullwidth" href="https://sensmaroc.nl/wp-content/uploads/2020/01/Sens-Maroc-Moroccan-traingle.jpg?iframe=true"></a>

But this now creates a new issue, your image is too large and because it is in a iframe it can’t be sized with css. The iframe itself can be sized larger to fill the screen, but even then your image is too large, and if you choose to do that the other lightboxes will also be larger because they are all the same lightbox.
So please take a look at your column link and decide if you want to make your image smaller or if you want to link to the image on another page.

Best regards,
Mike

Hi,
Oh, I see. Try adding this code to the end of your functions.php file in Appearance > Editor:

function ava_custom_script_mod(){
?>
<script>
(function($){
		var int = '';
		function a() {
			var isMobile	 = $('.av-burger-menu-main').css('display'),
				htmlString   = $('#header_main .social_bookmarks:first').find('li a'),
				mobileMenu   = $('.av-burger-overlay'),
				socialString = [];
	
				if(isMobile == 'none') return;
				if($('.burger-social').length) clearInterval(int);
	
				htmlString.each(function() {
					var socialClass	= $(this).parent('li').attr('class'),
							socialItems = $(this).wrap('<div class="'+ socialClass + ' av-active-burger-items burger-social"></div>').parent().unwrap();
					socialString.push(socialItems);
				});
	
				$(socialString).each(function() {
					$(this).appendTo('#av-burger-menu-ul');
				});
		}
	
		$('#header').on('mousedown', '.av-main-nav-wrap', function() {
			int = setInterval(function() {
				a();
			}, 500);
		});
	
	})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod');

then add this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) {
.burger-social {
    height: 30px;
    text-align: center;
}
.burger-social {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block !important; 
}
.burger-social a {
    border-bottom: none;
    padding: 0;
}
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thanks for the ftp access, I updated your header.php and now the product image opens in the lightbox.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the login, I see that your child theme is using an old header.php without the lightbox config in it, please try renaming it via ftp to “header.php.old” and copy the new header.php from the parent theme (enfold) to your child theme folder via ftp and then check.
If this doesn’t solve I also notice that when setting the featured image for your product, there is an additional field that sets how the link will open that is not in a standard install:

this seems to be from a media library plugin, I wonder if it is overriding the standard function. Please try disabling this plugin to test.

Best regards,
Mike

Hey aebli,
Thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.widget .textwidget ul {
    list-style: disc outside !important; 
    margin-left: 7px !important;
}
.widget .textwidget ul li {  
	margin-left: 1.1em; 
	padding:3px 0;
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hey Lucian,
I see that your Quick CSS code was to give the button a background color, but there was a small error in the code, I adjusted for you, and is now working, and your advanced styling option is giving the button text a hover color of black, which is working. So to add the border-radius I added it to your Quick CSS, please clear your browser cache and check and adjust to suit.

Your css with the error:

#top #wrap_all .av_seperator_big_border#header .av-menu-button-bordered > a {
    background-color: rgba(45, 189, 188, 1);
} !important

the corrected css:

#top #wrap_all #header.av_seperator_big_border .av-menu-button-bordered > a {
    background-color: rgba(45, 189, 188, 1) !important;
} 

the corrected css with the border-radius:

#top #wrap_all #header.av_seperator_big_border .av-menu-button-bordered > a {
    background-color: rgba(45, 189, 188, 1) !important;
    border-radius: 50px !important; 
} 

Best regards,
Mike

Hey mguillou5670,
Adding the css from the instructions in the documentation corrects your issue, perhaps you forgot to add or there is an error in your css, such as a missing bracket, please check.

/* CSS - Subtext on right */

#top .logo,
#top .logo a {
  overflow: visible;
}

/* Subtext styling */
.logo .subtext h1 {
  font-size: 20px;
    font-weight: 600;
}

.logo .subtext {
  position: absolute;
    top: 50%;
    right: 0;
    transform: translate(120%, -50%);
    z-index: 999;
}

Please see the screenshot in Private Content area of my test of the css on your site. If you added the css to your Enfold Theme Options > General Styling > Quick CSS field, try copying all of the code and paste into WordPress > Customize > Additional CSS this has error checking and will let you know of any errors in the code.
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.

Best regards,
Mike