Hi,
Sorry for the late reply, glad this helps, I didn’t add the paragraph classes they were already there, perhaps you are pasting the text from another page?
Sorry, I couldn’t watch your video, it requires “flash”, can you upload as mp4 or another format?
Your page also seems moved, I found a new page linked in the Private Content area.
Using the negative top tends to move elements up leaving a space below, so I added this function in your child theme functions.php to make the color section height the same as the inner column height:

function custom_height_script(){
  ?>
  <script>  
 (function($){
  $(window).load(function(){
      var s1 = $('#top.page-id-9493 #av_section_10 ').height();
    var s2 = $('#top.page-id-9493 .flex_column.avia-builder-el-60').height();

    if (s1 < s2)
        $('#top.page-id-9493 .flex_column.avia-builder-el-60').css('height', s1 + "px");
    else
        $('#top.page-id-9493 #av_section_10').css('height', s2 + "px");
  });
  })(jQuery);
  </script>
<?php
}
add_action('wp_footer', 'custom_height_script');

This seems to help, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you, the login doesn’t seem to be working, but I don’t get an error message, please check.

Best regards,
Mike

Hi,
Sie können das & # 8220; gerahmte Layout & # 8221; in Themenoptionen einschließen & gt; Allgemeines Layout & gt; Verwenden Sie ein gestrecktes oder verpacktes Layout

Ich wusste jedoch nicht, dass dies nur für die Produkte gilt. Ich glaube nicht, dass Sie das Layout für nur einige Seiten mit einer Funktion ändern können, aber Sie können CSS verwenden, um das zu ändern Layout nur für Produktseiten. Versuchen Sie beispielsweise diesen Code im General Styling & gt; Schnelles CSS -Feld oder im WordPress & gt; Anpassen & gt; Zusätzliches CSS -Feld:

.html_stretched #top.single-product, .html_stretched.html_header_sticky #header, .html_stretched #top.single-product .container {
    max-width: 1310px;
    width: 90%;
    margin: auto;
}

— Translated with Google —

You could try the “framed layout” in Enfold Theme Options > General Layout > Use stretched or boxed layout

But I didn’t realize this was only for the “products”, I don’t believe you can change the layout for just some pages with a function, but you can use css to change the layout for only product pages, for example, try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.html_stretched #top.single-product, .html_stretched.html_header_sticky #header, .html_stretched #top.single-product .container {
    max-width: 1310px;
    width: 90%;
    margin: auto;
}

Best regards,
Mike

Hi,
Thank you for getting this option displayed, did they tell you how they had done it? We want it disabled so I did that for you. It seems the sidebar was loading after the script ran, so I added a delay to the script, now it’s working fine.
Please clear your browser cache and check.

The final code:

function custom_toc_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
	  setTimeout(function () {
  $(".avia-toc-container a.avia-toc-link").each(function(){
    var character = $(this).find("span").text();
    $(this).attr('href', function() {
    return "#" + character;
});
});
		  }, 2000);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_toc_script');

Best regards,
Mike

Hi,
Thanks for the login, glad to hear this helped, but for your two anchors in the same color section we don’t have a way to make their menu items show them as if they were in their own color sections.
Perhaps you could have a separate color section for the “Service” area?

Best regards,
Mike

Hi,
Thanks for the login, for the cart 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: 700px) { 
#menu-item-shop.cart_dropdown {
    top: 14% !important; 
}
}

After applying the css, Please clear your browser cache and check.
To remove the border from the cart, please try this css:

.header_color ul#menu-item-shop {
	border-width: 0px !important; 
}

Best regards,
Mike

Hi,
I took a look at your site and I see that the Enfold theme had been uploaded so I tried activating it and it worked well.
Now you can choose a demo to install if you wish.
I noticed that your theme options are not showing the option Enfold Theme Options > Performance > Load jQuery in your footer

This is a sign that your webhost has set your scripts to be loaded in the footer, which brakes the jQuery.
There are different scripts that your webhost can use to move the jQuery to the footer, please ask them to remove their code, probably in the “wp-config.php” file.
While you are not getting an error from this right now, this can lead to an error in the future.

Best regards,
Mike

Hi,
For the “popup press” according to their documentation, the trigger class needs to be added to the link, to do this try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function ($) { 
  $(window).load(function() {
          $("#menu-item-3144 a").addClass('popup-link');
  });
  })(jQuery);
  </script>
<?php
}
add_action('wp_footer', 'custom_script');

note that #menu-item-3144 is the ID for the menu item & popup-link is the class we are adding, please adjust to suit. But if the menu item is a working link to another page you may encounter a conflict, I recommend the menu item is only used for the popup trigger.
For the other popup script you don’t need to change anything in the menu item, you just add the menu item ID to the script where the #menu-item-3144 is, when this ID is clicked the popup will show.

Best regards,
Mike

Hi,
Thank you for the link, please try this css:

.tab,.tab.active_tab:focus {
    outline: -webkit-focus-ring-color none 0px;
    outline-color: -webkit-focus-ring-color;
    outline-style: none !important; 
    outline-width: 0px !important; 
}

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

Best regards,
Mike

Hey Scott,
Sorry for the late reply, the blue highlight can be removed with this css, please add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .main_color .toggler:focus {
  outline: 0 !important;  
  outline: 0 -webkit-focus-ring-color !important; 
}

If this doesn’t work for you please link to the page so we can check the sectors.

Best regards,
Mike

Hey tremblayly,
Sorry for the late reply, when I looked at your site I saw two popups, one looks like it’s made with “popup press” with a blue background, and another that looked like it was made with the built-in lightbox. The popup press looks like it can be triggered with a link in the menu by adding a class to the menu item, please see here.
Our built-in lightbox popup can’t be triggered with a menu link.
But if you want to have another popup that can be triggered with a menu link try adding all of this code in a code block element on your page:

<script>
(function($) {
    
         // DOM Ready
        $(function() {

            // Binding a click event
            $('#menu-item-3144').on('click', function(e) {

                // Prevents the default action to be triggered. 
                e.preventDefault();

                // Triggering bPopup when click event is fired
                $('#element_to_pop_up').bPopup();

            });

        });

    })(jQuery);

 (function(c){c.fn.bPopup=function(A,E){function L(){a.contentContainer=c(a.contentContainer||b);switch(a.content){case "iframe":var d=c('<iframe class="b-iframe" '+a.iframeAttr+"></iframe>");d.appendTo(a.contentContainer);t=b.outerHeight(!0);u=b.outerWidth(!0);B();d.attr("src",a.loadUrl);l(a.loadCallback);break;case "image":B();c("<img />").load(function(){l(a.loadCallback);F(c(this))}).attr("src",a.loadUrl).hide().appendTo(a.contentContainer);break;default:B(),c('<div class="b-ajax-wrapper"></div>').load(a.loadUrl,a.loadData,function(d,b,e){l(a.loadCallback,b);F(c(this))}).hide().appendTo(a.contentContainer)}}function B(){a.modal&&c('<div class="b-modal '+e+'"></div>').css({backgroundColor:a.modalColor,position:"fixed",top:0,right:0,bottom:0,left:0,opacity:0,zIndex:a.zIndex+v}).appendTo(a.appendTo).fadeTo(a.speed,a.opacity);C();b.data("bPopup",a).data("id",e).css({left:"slideIn"==a.transition||"slideBack"==a.transition?"slideBack"==a.transition?f.scrollLeft()+w:-1*(x+u):m(!(!a.follow[0]&&n||g)),position:a.positionStyle||"absolute",top:"slideDown"==a.transition||"slideUp"==a.transition?"slideUp"==a.transition?f.scrollTop()+y:z+-1*t:p(!(!a.follow[1]&&q||g)),"z-index":a.zIndex+v+1}).each(function(){a.appending&&c(this).appendTo(a.appendTo)});G(!0)}function r(){a.modal&&c(".b-modal."+b.data("id")).fadeTo(a.speed,0,function(){c(this).remove()});a.scrollBar||c("html").css("overflow","auto");c(".b-modal."+e).unbind("click");f.unbind("keydown."+e);k.unbind("."+e).data("bPopup",0<k.data("bPopup")-1?k.data("bPopup")-1:null);b.undelegate(".bClose, ."+a.closeClass,"click."+e,r).data("bPopup",null);clearTimeout(H);G();return!1}function I(d){y=k.height();w=k.width();h=D();if(h.x||h.y)clearTimeout(J),J=setTimeout(function(){C();d=d||a.followSpeed;var e={};h.x&&(e.left=a.follow[0]?m(!0):"auto");h.y&&(e.top=a.follow[1]?p(!0):"auto");b.dequeue().each(function(){g?c(this).css({left:x,top:z}):c(this).animate(e,d,a.followEasing)})},50)}function F(d){var c=d.width(),e=d.height(),f={};a.contentContainer.css({height:e,width:c});e>=b.height()&&(f.height=b.height());c>=b.width()&&(f.width=b.width());t=b.outerHeight(!0);u=b.outerWidth(!0);C();a.contentContainer.css({height:"auto",width:"auto"});f.left=m(!(!a.follow[0]&&n||g));f.top=p(!(!a.follow[1]&&q||g));b.animate(f,250,function(){d.show();h=D()})}function M(){k.data("bPopup",v);b.delegate(".bClose, ."+a.closeClass,"click."+e,r);a.modalClose&&c(".b-modal."+e).css("cursor","pointer").bind("click",r);N||!a.follow[0]&&!a.follow[1]||k.bind("scroll."+e,function(){if(h.x||h.y){var d={};h.x&&(d.left=a.follow[0]?m(!g):"auto");h.y&&(d.top=a.follow[1]?p(!g):"auto");b.dequeue().animate(d,a.followSpeed,a.followEasing)}}).bind("resize."+e,function(){I()});a.escClose&&f.bind("keydown."+e,function(a){27==a.which&&r()})}function G(d){function c(e){b.css({display:"block",opacity:1}).animate(e,a.speed,a.easing,function(){K(d)})}switch(d?a.transition:a.transitionClose||a.transition){case "slideIn":c({left:d?m(!(!a.follow[0]&&n||g)):f.scrollLeft()-(u||b.outerWidth(!0))-200});break;case "slideBack":c({left:d?m(!(!a.follow[0]&&n||g)):f.scrollLeft()+w+200});break;case "slideDown":c({top:d?p(!(!a.follow[1]&&q||g)):f.scrollTop()-(t||b.outerHeight(!0))-200});break;case "slideUp":c({top:d?p(!(!a.follow[1]&&q||g)):f.scrollTop()+y+200});break;default:b.stop().fadeTo(a.speed,d?1:0,function(){K(d)})}}function K(d){d?(M(),l(E),a.autoClose&&(H=setTimeout(r,a.autoClose))):(b.hide(),l(a.onClose),a.loadUrl&&(a.contentContainer.empty(),b.css({height:"auto",width:"auto"})))}function m(a){return a?x+f.scrollLeft():x}function p(a){return a?z+f.scrollTop():z}function l(a,e){c.isFunction(a)&&a.call(b,e)}function C(){z=q?a.position[1]:Math.max(0,(y-b.outerHeight(!0))/2-a.amsl);x=n?a.position[0]:(w-b.outerWidth(!0))/2;h=D()}function D(){return{x:w>b.outerWidth(!0),y:y>b.outerHeight(!0)}}c.isFunction(A)&&(E=A,A=null);var a=c.extend({},c.fn.bPopup.defaults,A);a.scrollBar||c("html").css("overflow","hidden");var b=this,f=c(document),k=c(window),y=k.height(),w=k.width(),N=/OS 6(_\d)+/i.test(navigator.userAgent),v=0,e,h,q,n,g,z,x,t,u,J,H;b.close=function(){r()};b.reposition=function(a){I(a)};return b.each(function(){c(this).data("bPopup")||(l(a.onOpen),v=(k.data("bPopup")||0)+1,e="__b-popup"+v+"__",q="auto"!==a.position[1],n="auto"!==a.position[0],g="fixed"===a.positionStyle,t=b.outerHeight(!0),u=b.outerWidth(!0),a.loadUrl?L():B())})};c.fn.bPopup.defaults={amsl:50,appending:!0,appendTo:"body",autoClose:!1,closeClass:"b-close",content:"ajax",contentContainer:!1,easing:"swing",escClose:!0,follow:[!0,!0],followEasing:"swing",followSpeed:500,iframeAttr:'scrolling="no" frameborder="0"',loadCallback:!1,loadData:!1,loadUrl:!1,modal:!0,modalClose:!0,modalColor:"#000",onClose:!1,onOpen:!1,opacity:.7,position:["auto","auto"],positionStyle:"absolute",scrollBar:!0,speed:250,transition:"fadeIn",transitionClose:!1,zIndex:9997}})(jQuery);
</script>
<style>
#element_to_pop_up { 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;
}
.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}
</style>
<button id="my-button">POP IT UP</button>
<!-- Element to pop up -->
<div id="element_to_pop_up">
    <a class="b-close">x<a></a>
    Content of popup
</div>

Then look at the top of the code for this:

 // Binding a click event
$('#menu-item-3144').on('click', function(e) {

and change this ID to the ID of your menu item:
#menu-item-3144
then when it is clicked the popup will show. You can also adjust the html & css of the popup to suit.
Please let us know if you need some more help with this.

Best regards,
Mike

Hi,
This css seemed helped with your first two sections on your site:

p.teaser__copy {
	margin-left: 90px;
}

The image and it’s padding is 90px wide so the margin-left on the paragraphs seemed to bring everything in line.
After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks, but please check the login details.

Best regards,
Mike

Hi,
Please disable the lazyload and clear your browser and site cache.

Best regards,
Mike

Hi,
Thank you for your patience and login, I see that your “Max Upload Size” & “PHP Post Max Size” are smaller than the theme. Please increase these to 24M and then try installing the theme again.

Best regards,
Mike