Hi,
Sorry for the very late reply and thanks for the links.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_burger_social_bookmarks_script() { ?>
    <script>
(function($){
	$('#avia-menu').one('click', function(){
  jQuery('ul.social_bookmarks').clone().wrapInner('<div class="burger_social_bookmarks"/>').children(0).unwrap().appendTo('#av-burger-menu-ul');
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_burger_social_bookmarks_script');

Then add this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#av-burger-menu-ul > .burger_social_bookmarks > li {
	width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
}

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the very late reply and glad you were able to sort this out. We understand your frustration and are also sorry for this, we will certainly improve our responses.
As you have asked to disregard this request, we will close this thread. 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,
Sorry for the very late reply and thanks for the links, for #1, Tablet Header is no longer sticky on tablet I found your css has a max-width of 767px, please try changing this to 988px.

media only screen and (max-width: 767px){
.responsive #top #wrap_all #header {
    position: fixed !important;
}
}

For #2 & #3, please try adding this css:

@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a {
    height: 80px !important;
    line-height: 80px !important;
    top: -10px;
}
}

For #4, please try adding this css:

@media only screen and (max-width: 768px) {
#top.home #footer > div {
	padding: 0 !important;
}
}

For #5 your mobile menu social icons have the class only-mobile and this css only allows it to show on tablets and above:

@media only screen and (min-width: 768px) {
.only-mobile {
    display: none;
}
}

Did you add this css? Please try removing it.

Best regards,
Mike

Hi,
Sorry for the very late reply, I believe that you need to create a translation for each post

It looks like you only have 8 posts so this should be fairly easy.

Best regards,
Mike

Hi,
Sorry for the late reply, dose the plugin have any options to not use a popup, perhaps inline? Perhaps the plugin author has seen this error before, have you asked them?
Can we login a take a look at the backend?

Best regards,
Mike

Hi,
For your Dutch site, I found that the css for the box is in your WordPress > Customize > Additional CSS:

.page-id-1623 #av_section_1 .avia_textblock.av_inherit_color:first-of-type, .page-id-67 #av_section_1 .avia_textblock.av_inherit_color:first-of-type {
    background: rgba(56,56,56,0.6);
    padding: 7px 0px;
    text-align: center;
}

I adjusted the background color to white: background: rgba(255,255,255,0.6);
The reason the button didn’t show was because in your custom css there was a top: 145px pushing the box down so the button didn’t show, I commented it out.

/*.page-id-1623 #av_section_1 > div.container > main > div > div > div,*/
	.page-id-67 #av_section_1 > div.container > main > div > div > div
    {
    	top:145px;

    }
}

I noticed the box was still over your face a little so I added this css to help:

@media only screen and (max-width: 767px){
html[lang="nl-NL"] #top.home #av_section_1 > div.container > main > div > div > div > section > div {
    padding: 0 !important;
}
html[lang="nl-NL"] #top.home #av_section_1 > div.container > main > div > div > div > section > div > h1 {
	margin: 0 !important;
}
}

This seems to help, but the text is longer in Dutch, perhaps reducing the font size a little more would help.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for changing this, the reason the last image drops down a row is that the combined width of all of the images is wider than the page, for example, on the desktop the image widths are 213px, if they were 209px they would if in a single row.
One thing we can do is remove the un-needed right margin on the last image to give the row more space, so in your Quick CSS I added

#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1374.wp-caption.alignleft {
                margin-right: 0 !important;
}

This seems to solve for above 1230px.
For below 430px I needed to target this specifically so I changed your media queries to include a min width, like this:
@media only screen and (min-width: 430px) and (max-width: 768px) and (orientation : landscape) { ... }
then I added this for below 430px:

@media only screen and (max-width: 429px) {
	#top.page-id-22 #wrap_all #main .post-entry-22 .wp-caption.alignleft {
		width: 28% !important;
	}
}

Please clear your browser cache and check.
I also found this css in your child theme stylesheet, and it was causing issues for this so I commented it out.

div#attachment_1765.wp-caption.alignleft {
		margin-left: 2px;
	}
	
	div#attachment_1768.wp-caption.alignleft {
		margin-left: 2px;
	}
	
	div#attachment_1771.wp-caption.alignleft {
		margin-left: 1px;
	}

So now your page seems to look good on 425px & 375px mobile devices, with 3 images per row, but the smallest 320px will need to be 2 images per row to look good.

Best regards,
Mike

Hi,
Ok, can you try changing the last one to “alignleft”?

Best regards,
Mike

Hi,
I tested the css by injecting it into the browser. I note that the last team image is still “alignright” where all of the other ones are “alignleft”, I was going to try changing it but in the backend of the page seems blank with the Advanced Layout Builder and the default editor. Did you use the Advanced Layout Builder for the page?

Best regards,
Mike

Hi,
Glad to help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Sorry for the very late reply, I tried to test your skills shop and found that I can not complete the order, I am redirected to a page between the cart and the checkout, the URL includes ?provider=tribe_wooticket so I assume that this is due to the plugin. Please see the screenshot in Private Content area.
I’m not sure that I took the correct steps, please describe the steps that should occur with this plugin stating with a product page.

Best regards,
Mike

Hi,
Please see the screenshots in the Private Content area, of mobile and tablet when I test the above css, can you try and take a screenshot of what you are seeing?

Best regards,
Mike

Hi,
Thank you for the login, I added a new example under your example on the test page using the class model outlined above, this will give you better control.
I used different classes for the css and added it to a code block element on the page so it would be easier to test with, please check the page front and back.

.dotted-div-border {
    border: 2px dotted #c9c9c9 !important;
    border-radius: 30px;
    padding: 15px;
}
.dotted-div-border h5 .dotted-title {
	font-size: 14pt; 
	color: #808080;
}
.dotted-div-border h5,.dotted-div-border h6 {
	text-align: center;
}
.dotted-div-border .dotted-sub-title {
	font-size: 14pt; 
	color: #808080;
	text-align: center;
}
.dotted-div-border .dotted-content {
	font-size: 8pt;
}
.dotted-div-border .dotted-content a {
	font-size: 8pt;
	color: #000000;
}
.dotted-div-border .dotted-email {
	font-size: 12pt;
	color: #808080;
}
.dotted-div-border > p {
	margin: auto;
    width: 90%;
}

<h5><span class="dotted-title">Welcome to the (probably)</span></h5>
<span class="dotted-sub-title"> littlest portal in the digital universe*</span>
<img class="size-medium wp-image-1959 alignleft" src="profile-pic-2.png" alt="" width="80" height="80" />
<span class="dotted-content">I do digital for a better world.
    You can check my updates here:
    >a href<- Twitter>/a<
    >a href<- Slideshare>/a<   
</span>
<h6><span class="dotted-email"><a href>max@-----.net</a></span></h6>

Best regards,
Mike

Hi,
Thank you for the feedback, you could try removing this css:

@media only screen and (max-width: 767px){
.avia-builder-el-18 article{
margin:30px 0px!important;
}

.avia-builder-el-33 article{
margin:30px 0px!important;
}}

and see if that helps. The issue with the above css is that it is too general, avia-builder-el-18 could occur on any page or post, the same with article.
I recommend re-writing this rule to be specific, try adding the page-id to the rule as a minimum.

Best regards,
Mike

Hi,
Please try this css instead of the last code above:

#top.page-id-1066 #main > div > div > main > div > div > div:nth-child(4) > div.avia-builder-el-8 > div:nth-child(7) > table > tbody > tr > td {
    text-align: left !important;
 }
#top.page-id-1066 #main > div > div > main > div > div > div:nth-child(5) {
	z-index: 0 !important;
	position: relative !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike