Hi,
Please try this css:

#top.page-id-11963 a.iconbox_icon:hover {
    box-shadow: 0 0 0 rgba(255,0,0, 0.4);
      animation: pulse 2s infinite;
    z-index: 999 !important;
    position: relative;
    }
    
    @-webkit-keyframes pulse {
      0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
      }
      70% {
          -webkit-box-shadow: 0 0 0 100px rgba(255,255,255, 0);
      }
      100% {
          -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      }
    }
    @keyframes pulse {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
        box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
      }
      70% {
          -moz-box-shadow: 0 0 0 100px rgba(255,255,255, 0);
          box-shadow: 0 0 0 100px rgba(255,255,255, 0);
      }
      100% {
          -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
          box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      }
    }

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

Best regards,
Mike

Hi,
Sorry, perhaps I’m not understanding correctly, can you also make a video of what you are seeing in the WordPress simulator, and can you post a dropbox link to a plain text file with your page shortcode so we can test?
You can get the page shortcode by following these steps: Enable Avia Layout Builder Debugger

Best regards,
Mike

Hi,
Please try this css:

#top .slideshow li img,#top .slideshow li>a {
    height: 100% !important;
}

After applying the css, 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 css:

.avia-image-overlay-wrap a.avia_image .image-overlay .image-overlay-inside {
    left: -91px !important;
    top: -8px !important;
}

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

Best regards,
Mike

Hi,
Sorry for the very late reply, as I understand your first question about 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_5 > .container {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #main > .container_wrap_first.template-shop.shop_columns_5 > .container > main {
      order: 3 !important;
      padding: 0 !important;
  }
  #main > .container_wrap_first.template-shop.shop_columns_5 > .container > aside {
      order: 2 !important; 
  }
  #main > .container_wrap_first.template-shop.shop_columns_5 > .container > header {
      order: 1 !important; 
  }
  }

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

Best regards,
Mike

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