Hi,
This is odd because on my install the links work and I can highlight the test in the flip box, but I can’t in yours.
You have this javascript error:

"mixpanel" object not initialized

My research shows that Mixpanel is an analytics platform, are you using this? can you disable this?

Best regards,
Mike

Hi,
Glad the css helped, we are having a issue with shortcodes working in widgets right now, so this could be related, we will know better once this is solved. I don’t recall seeing shortcodes in the category description field before, so I’m not sure if it’s supposed to work, so you could be right.
In some of the sites I tested, the widgets with shortcode worked on pages that were built with the advanced layout builder, so you could create a test page that has a sidebar to see if it works.

Best regards,
Mike

Hi,
Sorry for the late reply, I didn’t see your post.
So I took a look at the header being in the middle of the page, and added some css to the script to account for this, I also added some css to the script to fix the breadcrumbs.
So I have moved all of the css to the script for better control, but for now it only works on screens up to 550px, it will have to be adjusted for above that (tablets), but we’ll see if we can get it to work for mobiles first.
I also added a transition so that it won’t be jerky.
Here’s the script:

function custom_script(){
  ?>
  <script>
 (function ($) { 
  $(window).scroll(function() {
	  var width = $(window).width(), height = $(window).height();
      var scroll = $(window).scrollTop();
	  if ((width <= 550)) {
      if (scroll >= 100) {
          $("#header_meta").css({'height': '0','min-height': '0','transition': 'height 1s ease-out','overflow': 'hidden'});
		  $(".responsive #top #wrap_all #header").css({'top': '-10px','position': 'fixed'});
		  $("#main .title_container").css({'margin-top': '10px','position': 'fixed','z-index': '50'});
      } else {
          $("#header_meta").css({'height': '61px','min-height': '61px'});
		  $(".responsive #top #wrap_all #header").css({'top': '10px','position': 'fixed'});
		  $("#main .title_container").css({'margin-top': '100px','position': 'fixed','z-index': '50'});
      }
		  } else {}
  });
  })(jQuery); 
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Give it a try and let me know what you think.

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_2.av-minimum-height-100 .container {
height: 90vh !important; 
}

This is working on my screen, but feel free to try other numbers than 90vh.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear that the tip helped, WordPress creates files that are named the same, I believe that is why you couldn’t use it.

Best regards,
Mike

Hi,
Glad to hear the Destination highlight works perfectly, I think the issue was that it was a parent and a ancestor, but glad it’s sorted out.
As for the script, I would need to login and see, because when testing your page it works. Perhaps when you copied it you got curly quotes.

Best regards,
Mike

Hi,
Sorry for the late reply, I see that you linked to your login page, but there are no login details so I couldn’t add the function into your functions.php for you. But if you add this code to the end of your functions.php file in Appearance > Editor it should work:

function read_more_to_lees_meer(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $(".more-link").text("Lees meer");
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'read_more_to_lees_meer');

As for the email, are you using a SMTP server to send your emails? Are you sure the emails are not in the spam folder?
You could try this functions.php:

add_filter('avf_form_from', 'enfold_contact_form_change_from', 10, 3);
function enfold_contact_form_change_from($from, $new_post, $form_params) {
        global $enfold_visitor_from;
        $enfold_visitor_from = $from;
        $from = "info@<domain>";
        return $from;
}

add_filter( 'avf_form_mail_header', 'enfold_contact_form_add_replyto', 10, 3 );
function enfold_contact_form_add_replyto( $header, $p1, $p2 ) {
        global $enfold_visitor_from;
        $header .= 'Reply-To: ' . $enfold_visitor_from . "\r\n";
        return $header;
}

be sure to change the address of “info@” in the code.

Best regards,
Mike

Hi,
Sorry for the late reply, to reduce the gap between the logo and the menu, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.responsive #top #header_main div.inner-container { 
width: 60% !important;
margin: auto !important;
}

this will bring them together in the middle, as you increase the percentage the gap will get bigger, please adjust to suit.
If you don’t want them in the middle, but prefer them to the left, then remove the line “margin: auto !important;” if you prefer them to the right, then use this instead:

.responsive #top #header_main div.inner-container { 
width: 60% !important;
float:right !important;
}

Best regards,
Mike

Hi,
Sorry for the late reply, I took a look at your footer post slider and see that at mobile, when the column are lined on top of each other there seems to be plenty of room, but stating at tablet size when the columns are side-by-side the text is too big. So I wrote this css to make the font smaller then:

@media only screen and (min-width: 767px) and (max-width: 1441px) { 
#av_section_2 .post-entry-1617 .slide-entry h3.slide-entry-title a {
font-size: 12px !important;
line-height: 12px !important; 
}
}

after 1441px when the site is for desktop, there seems to be enough room again, so this code stops working.
PLease add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field, and clear your browser cache.
Please let us know if this helps.

Best regards,
Mike

Hi,
Sorry for the late reply, and thank you for the video. While I see this error on your site, I was unable to reproduce it on my localhost, so I tried disabling some of your plugins without success, but this I noticed that your root folder file permissions is: 1705, instead of 0755, which means the “group” can’t read your site root. Which makes sense because in incognito mode you can see other pages, such as /about-us/ you just can’t see the root.
Please see your Loginizer Dashboard and look at the file permissions, then ask your webhost to fix your root file permissions.

Best regards,
Mike

Hi,
Perhaps add some images or icons to the links, are they the name of cities? Also perhaps a full-width search bar in the middle, like this:

To add a search bar, add this code to the end of your functions.php file in Appearance > Editor:

add_shortcode('avia_search', 'get_search_form');

then add a code block with the custom class “search-bar”

and inside the code block add this shortcode:

[avia_search]

then add this css to your Quick CSS:

#top .search-bar #searchform>div {
width: 100% !important;
max-width: 100% !important;
}
#top .search-bar input[type='text']#s {
font-size: 32px;
padding: 10px 60px 10px 20px; 
}
#top .search-bar #searchsubmit.button {
width: 60px !important; 
height: 60px !important;
}

It’s just a thought.

Best regards,
Mike

Hi,

@dewittnp
How about letting me assist by updating via FTP, Please include a admin login & FTP access in the Private Content area of a new thread, because posting here it will not be private. Once you do this, post a link to the new thread here so I can find it.

Best regards,
Mike

Hi,
Sorry for the late reply, thank you for the videos and login. I have taken a look at your site and see at the top of your page your “RECENT TOP SELLERS” product slider is different heights, so when it changes your whole page shakes.
I have added this code in the General Styling > Quick CSS field:

#top.home .template-shop.avia-content-slider {
height: 422px !important;
max-height: 422px !important; 
}

This sets the max-height so that it doesn’t shake the page anymore. Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, have taken a look at your site and I believe that you have pointed to the problem, the second section is given it’s height on the page load when there is no header, but once you go to the section you will also have the height of the header. The sections do not readjust on scroll. Please try changing the height of the second section to 90% +/- to see if this helps.
This would be a better solution than trying to adjust the height with css for each screen size.

Best regards,
Mike

Hi,
Sorry for the late reply, to close the burger menu on click, Try adding this code to the end of your functions.php file in Appearance > Editor:

function close_burger_menu(){
  ?>
  <script> 
(function($){
  $(document).ready(function(){
  $('body').click(function(){
  $("html").removeClass('av-burger-overlay-active-delayed');
  $('.av-burger-overlay').css({opacity:'0'});
  });
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'close_burger_menu');

Best regards,
Mike