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

Hi,
To make the toggle smaller you could remove the top & bottom padding with css like this:

#accordeon .toggler {
    padding: 0px 3px 0px 35px !important; 
}

After applying the css, Please clear your browser cache and check.
To make the “+” larger, please try this css:

.toggle_icon .vert_icon {
    top: -5px !important; 
    height: 22px !important; 
}
.toggle_icon .hor_icon {
    left: -5px !important; 
    width: 22px !important; 
}

Best regards,
Mike

Hi,
Sorry for the late reply, above you wrote that you have a “ton” of modifications, so first move the modifications that are functions or scripts that are in your parent functions.php, you would “move” these to your child theme functions.php
Please don’t just “copy” them over so they are in both files, this will lead to an error.
Then if you have modified any theme files we will want to “copy” them to the child theme with the same structure, so if you modified the “header.php” then copy it to the root of your child theme directory, but if another file is inside of a folder in your parent theme, place it inside of the same directory in your child theme.
It is ok to leave the original file in its original location, you will just be “copying” these files.
Please list the files you have modified because some files will need to be “enqueue” to work correctly.
Then you can copy your custom css to your child theme “style.css”, or you can add your css to your Enfold Theme Options > General Styling > Quick CSS field, both places are safe for updates.

Best regards,
Mike

Hey KeyshaunSmith,
Sorry for the late reply, unfortunately, we don’t have this as a feature right now, but you could use a plugin such as Smart Variations Images for WooCommerce or WooCommerce Additional Variation Images
or perhaps a different one, there seems to be many available.

Best regards,
Mike

Hi,
Sorry for the late reply, is the code above active on the site now?
I don’t have an iPad, but looking at your burger menu between 768px – 1024px, which should be the iPad sizes, the social icons seem to be added to the burger menu.
How would you like to see it?
I also see that for desktop the social icons are not in the burger menu, did you want them there?

Best regards,
Mike

Hey Elena,
Sorry for the late reply, this can be done by creating a div with the overlay under your text element.
The following code is to do this one your one page so you can see, but since you probably want to add this to many pages you will want to add a custom class to each of your columns that, such as “overlay-column”

Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_overlay_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$('#top.postid-564 .flex_column.avia-builder-el-33').prepend('<div id="overlay"></div>');
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_overlay_script');

to use this for other columns with the custom class above, just replace #top.postid-564 .flex_column.avia-builder-el-33 with .overlay-column
Then add this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  z-index: -1;
}

Best regards,
Mike

Hey shar_s,
Sorry for the late reply, it looks like your images are small when compared to the travel demo accordion, have you tried using images that are as wide as the page?
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,
Sorry for the late reply, unfortunately, some of your images are not available, so I’m not quite sure what you are trying to do, the top bar looks the same to me in your examples.
Please try explaining again.

Best regards,
Mike

Hey Carsten,
Sorry for the late reply, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_betreff_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  	$('#top.page-id-44 #avia_3_1 option:eq(0)').prop('selected', true)
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_betreff_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Perhaps try clearing your browser cache, Please see the screenshots in Private Content area.

Best regards,
Mike