Hi,
I see that you are getting the error message that the functions.php will need to be edited via ftp

I also see that you are using version 3.5.4, but in my browser test of the css & script the function preforms as the screenshot shows, but I didn’t want to try installing a plugin to add the script to the header or footer just in case the site has a major error as you described above.
I recommend waiting until you can send us the ftp login, and then we will try to add this to your functions.php.
We will leave this thread open until we hear back from you.

Best regards,
Mike

Hi,
Did you try disabling your plugins to see if this flexbox action continues?
I believe this is due to a plugin or a script, as this is not theme behavior.
Please see the Private Content area for the action that I’m seeing, just to be sure that we are both looking at the same thing.

Best regards,
Mike

Hi,
It tells the theme to use your child theme avia.js file.
Note, in my haste, I posted the incomplete code here, I have since corrected.
The error in the old script was ‘wp_print_scripts’ which should have been ‘wp_enqueue_scripts’
But as you are using the same avia.js as the parent theme, and I assume have no planned changes for it, I would recommend removing this all together so any improvements to it with upcoming updates will take effect.
If in the future you wish to customize avia.js, then this is how you would do it.

Best regards,
Mike

Hey satucker,
The first badge is not showing because the site it is hosted on is not https, and yours is.
to correct, host the image on your site.
The second badge is creating a table on top of a background image, but they have not declared the background so enfold wants to fill it in as white. To correct, try adding this code in the General Styling > Quick CSS field:

.large_super_lawyers_badge table,.large_super_lawyers_badge tr:nth-child(even),.large_super_lawyers_badge tr:nth-child(odd),.large_super_lawyers_badge tr th:first-child,large_super_lawyers_badge tr td:first-child {
background-color: transparent !important; 
}

Best regards,
Mike

Hi,
Please add this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 989px) { 
  .responsive #top #main {margin-top: -80px!important;}
  #top #wrap_all .av_header_transparency {background-color: transparent!important;}
  div#header_main > .container {display: block !important;}
  }

Best regards,
Mike

Hey evertypedesign,
Please try this code in the General Styling > Quick CSS field:

.html_av-overlay-side #top .av-burger-overlay-scroll {
    background: #ffffff !important; 
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #808080 !important; 
}

If this doesn’t work, then try adding to WordPress > Customize > Additional CSS
Then Please clear any cache plugin and your browser cache and check.

Best regards,
Mike

Hi,
That is good to hear, 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 under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey atifaijaz123,
I tested this on my localhost and found that the code needed “!important;” to work.
Please try this code in the General Styling > Quick CSS field and adjust the color to suit:

.main_color .av-timeline-nav a span {
    background-color: #ff7827 !important; 
    opacity:1;
}

Best regards,
Mike

Hey robsdesigns,
I took a look at your page, and found that moving the related_posts box above the author-bio doesn’t work very well, but moving it above the share-box does. Try adding this code to the end of your functions.php file in Appearance > Editor:

function move_related_posts(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.template-single-blog' ).each(function() {
  jQuery( this ).find( '.related_posts' ).insertBefore( jQuery(this).find('.av-share-box') );
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'move_related_posts');

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

#top.single-post .related_posts {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}

See the Private Content area for a screenshot of the expected results.

Best regards,
Mike

Hi,
To add padding to each of your sections on your “software” page, Please try this code in the General Styling > Quick CSS field:

#top.page-id-7712 .avia-section-large {
padding: 50px 0;
}

adjust the padding to suit.
If you want this on every page, try removing the page ID (page-id-7712).

Best regards,
Mike

Hi,
Please do open a new thread, as it’s a different topic and this one is long, thanks.

Best regards,
Mike

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

Best regards,
Mike

Hi,
I tried to recreate the issue on my localhost and found the issue was with the function that called the child theme avia.js file, replacing yours:

function wp_change_aviajs() {
   wp_dequeue_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_print_scripts', 'wp_change_aviajs', 100 );

with this:

function add_my_script() {
  wp_enqueue_script( 'my-custom-script', get_stylesheet_directory_uri() . '/js/avia.js', array('jquery'), '1.0.1', true );
}
add_action( 'wp_enqueue_scripts', 'add_my_script', 10);

removed the error no matter which version of avia.js was used, on your live site and my localhost.
So right now on your live site the child theme is active with the newer avia.js and there is no error.
I recommend using the new avia.js because a lot has changed in it since v4.0.7. When I compared yours to the standard v4.0.7 a lot of functions were missing, but none were added, I believe that you might have been using an even older version.

Best regards,
Mike

Hi,
The code window that your client saw is the Avia Layout Builder Debugger I tried to assist by removing it for you, since your client is “freaking out”
but for your other questions, Dude will know more about. Please reply back if the issue is not resolved so your thread remains visible on our end. Sorry for any inconvenience.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field:

@media only screen and (min-width: 767px) { 
#top #custom_html-3 .modified_width .button {
    width: 90% !important; 
    margin-left: 10% !important; 
}
#top #custom_html-3 .avia_ajax_form .text_input {
    width: 98% !important; 
}
}

Best regards,
Mike