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,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the update.

The arrows are not rendering correctly when we checked the About Page. Did you add this css code?

#top .av-contentslider-style-2 .avia-slideshow-arrows.avia-slideshow-controls a.prev-slide:before {
    content: 'e874';
}

If you want to change the next and previous arrow, you can use the avf_default_icons filter in the functions.php file instead. Make sure to adjust the value of the icon attribute.

function avf_default_icons_mod($icons) {
	$icons['next'] = array( 'font' => 'entypo-fontello', 'icon' => 'ue879' );
	$icons['prev'] =array( 'font' => 'entypo-fontello', 'icon' => 'ue878' );
	return $icons;
}
add_filter('avf_default_icons','avf_default_icons_mod', 10, 1);

To make sure that the arrows are visible outside the slider, add this css code:

#top .avia-slideshow-arrows.avia-slideshow-controls {
    overflow: visible;
}

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.av-burger-overlay-active #top #wrap_all #header_main .av-hamburger-inner,
.av-burger-overlay-active #top #wrap_all #header_main .av-hamburger-inner::after {
	background-color: rgb(74, 30, 9);
}

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

Best regards,
Mike

Hey Pasteta,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
#top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a {
    opacity: 1;
}
}

Best regards,
Rikard

Hi,

Thank you for the update.

Please remove the previous css code, then replace it with the following code:

#top .av-caption-style-overlay .av-masonry-item-with-image:hover .av-inner-masonry-content {
    background: rgba(255,255,255,0.35);
}

Do not forget to toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know if this works.

Best regards,
Ismael

Hi,

Thank you for the update.

To adjust the left or right icon, you can use this css rule:

#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {
    width: 74px;
    height: 74px;
    font-size: 80px;
    line-height: 72px;
    border-style: solid;
    border-width: 1px;
    border-radius: 500px;
    text-align: center;
    margin-right: 22px;
}

You may need to remove the previous css code.

.iconbox_icon[data-av_icon]:before {
    font-size: 50px!important;
}

Best regards,
Ismael

Hey bemodesign,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 768px) { 
#top.page-id-3609 #av_section_1.av-minimum-height-75:not(.av-slideshow-section) .container {
    height: 60vh;
}
}

After applying the css, please clear your browser cache and check.
this is for the one page.

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,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard