Hi,
Your post didn’t work, but I fixed it on your site for you please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Please note that the error of not being able to type spaces between words is typically do to a plugin, please disable all of your plugins and check again, and thn enable you plugins one at a time to find the conflict.
I see that you have a child theme, if you have a custom footer.php & header.php, please remove these files and any customizations you wish to make should be done in your child theme functions.php we do not recommend adding these files to your child theme, it is the most common reason for errors when updating.
Your live site is not showing the topbar like the wayback version, so ensure that this is enable in your theme settings.
If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Thanks for your screenshot of the alert that shows the file avia-js.js causing the alert, this file only has 137 lines as a helper for plugins.
I checked the file with http://www.virustotal.com / http://www.metascan-online.com / http://www.jotti.org each use the Avast engine and they came back with negative results:

as you had pointed out above. Since this is a plugin helper I recommend disabling all of your plugins and check again.
I tried searching the Avast forums for more info but their responses always seem to be to recheck the file with an online teast site. This is surely a false positive but there is nothing the theme can do to make this software stop doing this. Perhaps Avast has a way for you to report errors like this so it will be corrected in there next update, I don’t use Avast so I’m not sure.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
When I test your ‘Services’ page with the following code it works correctly, try adding the css to your WordPress ▸ Customize ▸ Additional CSS

.page-id-18 #av_section_2 .flex_column .avia-button-wrap {
 position: absolute;
 bottom: 25px !important;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
 width: 300px;
}

.page-id-18 #av_section_2 .flex_column {
 height: 475px;
 min-height: 475px;
}

Best regards,
Mike

Hi,
Thank you for the link to your site, please note that you are using 1/4 columns for the “Dry Rubs”

So what is your mobile expectation for these columns, full width?

Best regards,
Mike

Hi,
This is strange because when I examine the “Dry Rubs” 3 columns then have the class for 1/4 columns, this is why the css above is affecting them.

please include an admin login in the Private Content area so we can examine closer.

Best regards,
Mike

Hey SurigliaStudio,
Please link to your page so we can examine the burger X and assist.

Best regards,
Mike

Hi,
I guess I don’t understand why you are using the 1/4 column to create rows with only 3 columns and what you expect from a mobile view with a three element row.
To add a custom class go to the advanced tab in developer settings:

Best regards,
Mike

Hey teamvelocitymarketing,
I used two columns, one with a accordion, the other with a image element and add the custom class to the image element like in the video: toggle-img

then I used this jQuery like in the video:

    jQuery(function() {
const img = "";
  jQuery('p[data-fake-id="#toggle-id-1"]').click(function(){
    jQuery(".toggle-img img").attr('srcset',img);
     jQuery(".toggle-img img").attr('src',img);
  });
});

note I made the adjustment for Enfold ‘p[data-fake-id=”#toggle-id-1″]’ just change #toggle-id-1 to #toggle-id-2 for the second toggle, etc
I used the code block element for the jQuery with the “script” tags:

Please give this a try.

Best regards,
Mike

Hi,

@salleleprive please clear your browser cache and check.

Best regards,
Mike

Hey envisageiam,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .flex_column.av_one_fourth {
        width: 48%;
        clear: none;
        float: left;
    } 
}

Please note that this will work on all pages on your site, so if you want this to be page specific a page ID can be added to the css, or you can add a custom class to the specific columns and add that to the css. Let us know if you need further help with this.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike