Hi,
Glad to hear, 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: 767px) { 
#top.page-id-12244 .avia-table-1 td:nth-of-type(1):before {
	background-color: #16365d;
    color: #fff;
}
#top.page-id-12244 .avia-table-1 td:nth-of-type(2):before {
	background-color: #16365d;
    color: #fff;
}
}

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

Best regards,
Mike

Hi,
Glad to hear, we will keep this open until we hear back from you.

Best regards,
Mike

Hi,
Sorry for the late reply, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field and enable your overlays:

.avia-image-overlay-wrap a.avia_image .image-overlay {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    height: 80% !important;
    width: 80% !important;
}

You can adjust the settings smaller if you wish.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey marcie73,
Sorry for the late reply, as I understand what you would like to do on your shop page, in mobile, you want the sidebar on top, then the content.
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: 767px) { 
  #main > .container_wrap_first.template-shop.shop_columns_3 > .container {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #main > .container_wrap_first.template-shop.shop_columns_3 > .container > main {
      order: 3 !important; 
  }
  #main > .container_wrap_first.template-shop.shop_columns_3 > .container > aside {
      order: 2 !important; 
  }
  #main > .container_wrap_first.template-shop.shop_columns_3 > .container > header {
      order: 1 !important; 
  }
  }

I don’t believe this will effect any other pages, but please check thoroughly.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the mockup and link, so for your single posts we will first change the social share buttons into small buttons.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.single-post .av-share-box .avia-related-tooltip,
#top.single-post .av-share-box h5.av-share-link-description.av-no-toc {
  display: none !important;
}
#top.single-post .av-share-box {
    width: 200px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute;
    right: 50px;
}

#top.single-post .av-share-box .av-share-box ul li {    
    border-left-style: none;    
    display: inline-block;
}

#top.single-post .av-share-box .av-share-link {
   width: 30px!important;
   height: 30px!important;
   margin: 0 10px 0 0;    
}

#top.single-post .av-share-box .av-share-link a {   
   border:0px solid #000;
   padding: 0;
}

#top.single-post .av-share-box .av-share-link a:hover {
  background-color: #000!important;
  transition: all .35s ease;
}

#top.single-post .av-share-box .av-share-link a:before {
  color:#333;
  transition: all .5s ease;

}

#top.single-post .av-share-box .av-share-link:hover a:before {
  color:#fff;
  transition: all .35s ease;
}

Then we will move it to under your featured image, try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script() { ?>
    <script>
(function($) {
  $(document).ready(function(){
     $('.single-post .av-share-box').detach().insertBefore('.blog-meta');
  });
 })(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
I added the custom ID code-block-iframe to the code block with the iframe code, then I added this code in the WordPress > Customize > Additional CSS field:

#code-block-iframe > .avia_codeblock > iframe {
	min-height: 1670px;
}

I calculated the iframe height to be 1670px, but you can adjust if you wish.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the screenshot and link, I tested your site at 2023px and as I see the issue the burger menu “flys” out from the edge of the screen, but at 2023px the fixed position of the menu icon is further away from the edge screen than the width of the menu, so the solution would be to increase the width of the menu so the menu “close” icon will remain in the correct position.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 2023px) { 
.html_av-overlay-side .av-burger-overlay-scroll {
	width: 700px !important;
}
}

Feel free to adjust the min-width of the media query to trigger before the 2023px if you wish.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply and that we were not able to solve this, but perhaps a database freelancer would be able to adjust the settings in the table so it won’t grow so large or reset it automatically each month before the crash, I’m not a database expert but I would imagine there are a few options.

Best regards,
Mike

Hi,
Thank you for asking them for a delay option, I tried to write a delay function, but it doesn’t work, so I’m hoping there are some other ways to trigger the script.

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  setTimeout(addScript, 1000)
});

function addScript() {
  scriptTag = document.createElement('script');
  scriptTag.type = 'text/javascript';
  scriptTag.async = true;
  scriptTag.id = 'mox-voorraad'
  scriptTag.src = 'https://sites.mobilox.nl/voorraad.js';
  scriptTag.setAttribute('data-url', 'https://sites.mobilox.nl/occasionlijst/rensgreijmans2169218/');
  scriptTag.onload = function() {
    console.log("Added Script");
  };
  document.getElementsByTagName('head')[0].appendChild(scriptTag);
}
</script>

Perhaps were you got the script would have a thought about this script.

Best regards,
Mike

Hey regehernanski,
Sorry for the late reply, when a post has been created with the Advanced Layout Builder the except will need to be added manually in the “Rédiger un extrait (facultatif)” field. The “read more” tag will not work in this situation.
So to use these options we would advise using the standard editor for your posts.
From looking at your post layout it looks like you wanted to have the featured image as a full-width image above the post, and perhaps this is why you want to use the ALB, but this can be achieved with jQuery, from this:

to this:

For this example I used this code to the end of the functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($) {
  $(document).ready(function(){
     $('.single-post .big-preview.single-big').css({ 'max-height': '400px'}).detach().insertBefore('.container_wrap_first');
     $('.single-post .big-preview.single-big a').css({ 'max-height': '400px'});
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'custom_script');

Perhaps this will help.

Best regards,
Mike

Hi,
Sorry for the late reply, I added this function to your functions.php which seems to work, please check.

add_action( 'woocommerce_after_shop_loop_item', 'remove_add_to_cart_buttons', 1 );

    function remove_add_to_cart_buttons() {	
		if( is_product_category() || is_shop()) {
	remove_action( 'woocommerce_after_shop_loop_item', 'avia_add_cart_button', 16);
	}
}

Best regards,
Mike

Hi,
Glad to hear you got this sorted out, for the new issue 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: 767px) { 
#top.page-id-351 #after_full_slider_2 > div > div, #top.page-id-351 #av_section_1 > div > div {
	padding: 0 !important;
}
#top.page-id-351 #after_full_slider_2 > div > div > div > div > div.-flextable {
	margin-top: 0 !important;
}
}

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

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, I copied your homepage to a test page with the Avia Layout Builder Debugger
the layerslider also works on this page, I’m not sure why the layerslider on your homepage is returning an empty container, but I found this layerslider support ticket that suggests the issue is with jquery-migrate but this didn’t seem to help your site, I also looked in your functions.php for any scripts that might be causing this but I didn’t see any.
Have you tried disabling all of your plugins? It is strange that this occurs only on the homepage without an error message.

Best regards,
Mike

Hi,
Sorry for the late reply, please include an admin login in the Private Content area, I see that your /collectie/ page is missing the footer but I found no browser console errors.
As for the font on the two pages, it seems that you are using two different versions of the “montserrat” font, the “script” version is loaded with !important; in the css so it would be very hard to override, this is what the script is loading:

.mox-bootstrap .mox-occasion-list h3,.mox-bootstrap .mox-occasion-list h4,.mox-bootstrap .mox-occasion-list h5 {
    font-family: Montserrat,sans-serif!important;
    color: #232628!important;
    line-height: 22px!important
}

But, the difference between the fonts seems hard to see, to me, please include a screenshot of the text you would like to change the font for in the script.

Best regards,
Mike

Hi,
In your code the custom class ‘christmaswarehouse’ doesn’t have the class identifier “dot”…
So your current code is:
$("christmaswarehouse a.avia-slide-wrap")
but it should be like this:
$(".christmaswarehouse a.avia-slide-wrap")
Please give this a try and then clear your browser cache, and check.

Best regards,
Mike