Hi,

Glad Nikko was able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey meanster99,
Please try this code in the General Styling > Quick CSS field: or in the WordPress > Customize > Additional CSS:

@media only screen and (min-width: 768px) and (max-width:989px) {
 .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
        opacity: 1 !important;   
    }
#header {
background-color: #fff !important;
}
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: #999999 !important; 
}
.responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a {
color: #999999 !important; 
}
.responsive #top .slideshow_caption {
    left: 0;
    width: 100% !important; 
    padding: 0;
}
.responsive #top #wrap_all .av-small-font-size-40 {
    font-size: 40px !important;
}

    .responsive #top .av_header_transparency .logo img.alternate {
        display: none !important;  
    }
.av-burger-overlay-active #top #wrap_all .av-hamburger-inner,.av-burger-overlay-active #top #wrap_all span.av-hamburger-inner::after,.av-burger-overlay-active #top #wrap_all span.av-hamburger-inner::before {
    background-color: #ffffff !important; 
}

    .responsive #top #wrap_all #header {
        position: relative !important;  
        width: 100%!important; 
        float: none!important; 
        height: auto!important; 
        margin: 0 !important;  
        opacity: 1!important; 
        min-height: 0!important;     }
.responsive.html_header_top.html_logo_center .logo {
        left: 0%!important; 
        -webkit-transform: translate(0%,0)!important; 
        -ms-transform: translate(0%,0)!important; 
        transform: translate(0%,0)!important; 
        margin: 0!important;     }
    .responsive.html_header_top #header_main .social_bookmarks ,.responsive.html_top_nav_header #top .social_bookmarks {
        width: auto!important; 
        margin-top: -16px!important;     }
    .responsive #header_main .container {
        height: auto !important
    }

    .responsive #top .header_bg {
        opacity: 1!important; 
        filter: alpha(opacity=1)
    }

    .responsive.social_header .phone-info {
        text-align: center!important; 
        float: none!important; 
        clear: both!important; 
        margin: 0!important; 
        padding: 0!important;     }

    .responsive.social_header .phone-info span {
        border: none!important; 
        width: 100%!important; 
        text-align: center!important; 
        float: none!important; 
        clear: both!important; 
        margin: 0!important; 
        padding: 0!important;     }

    .responsive #header_meta .social_bookmarks li {
        border-style: solid!important; 
        border-width: 1px!important; 
        margin-bottom: -1px!important; 
        margin-left: -1px!important;     }

    .responsive #top #header_meta .social_bookmarks li:last-child {
        border-right-style: solid!important; 
        border-right-width: 1px!important;     }

    .responsive #header .sub_menu,.responsive #header_meta .sub_menu>ul {
        float: none!important; 
        width: 100%!important; 
        text-align: center!important; 
        margin: 0 auto!important; 
        position: static
    }

.avia_transform .av_fullscreen .active-slide .avia-caption-content {
font-size: 13px !important;
}

    .responsive #header_meta .sub_menu>ul>li {
        float: none!important; 
        display: inline-block!important; 
        padding: 0 10px!important;     }

    .responsive #header .social_bookmarks li {
        float: none!important; 
        display: inline-block!important;     }

    .responsive.bottom_nav_header #header_main .social_bookmarks {
        position: relative!important; 
        top: 0!important; 
        right: 0!important; 
        margin: 10px auto!important; 
        clear: both!important;     }

    .responsive.bottom_nav_header.social_header .main_menu>div {
        height: auto!important;     }

    .responsive .logo img {
        margin: 0!important;     }

    .responsive.html_header_sidebar #top #header .social_bookmarks {
        display: none!important;     }

    .responsive body.boxed#top,.responsive.html_boxed.html_header_sticky #top #header {
        max-width: 100%!important;     }

    .responsive.html_header_transparency #top .avia-builder-el-0 .container,.responsive.html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {
        padding-top: 0!important;     }

    .responsive #top .av_phone_active_right .phone-info.with_nav span {
        border: none!important;     }

.responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
}
.responsive #top .av_header_transparency #header_meta {
border-bottom-color: rgb(225, 225, 225) !important; 
}
    .responsive.html_top_nav_header .av-logo-container {
        height: auto!important;     }

    .responsive.html_top_nav_header .av-section-bottom-logo {
        border-bottom-style: solid!important; 
        border-bottom-width: 1px!important;     }
   .responsive #header_main_alternate {
        display: none!important;     }

    .responsive #top #header .social_bookmarks {
        display: none!important;     }

    .responsive #top #header .main_menu .social_bookmarks {
        display: block!important; 
        position: relative!important; 
        margin-top: -15px!important;     }
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a,.responsive #top #wrap_all .av-logo-container {
        height: 80px!important; 
        line-height: 80px!important;     }

    .responsive #top #wrap_all .av-logo-container {
        padding: 0!important;     }

    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
        min-width: 0!important; 
        padding: 0 0 0 20px!important; 
        margin: 0!important; 
        border-style: none!important; 
        border-width: 0!important;     }
   .responsive #top #header .av-main-nav > li > a,.responsive #top #header .av-main-nav > li > a:hover {
        background: transparent!important; 
        color: inherit
    }

    .responsive.html_top_nav_header .av-logo-container .inner-container {
        overflow: visible!important;     }
   .responsive.html_header_transparency #top .avia-builder-el-0 .container {
        padding-top: 0px!important;     }

    .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area {
        display: none!important;     }

    .responsive.html_header_sidebar #main {
        border: none!important;     }
    .responsive #top .logo {
        position: static!important; 
        display: table!important; 
        height: 80px !important;  
        float: none!important; 
        padding: 0!important; 
        border: none!important; 
        width: 80%!important;     }

    .responsive .logo a {
        display: table-cell!important; 
        vertical-align: middle!important;     }

    .responsive .logo img {
        height: auto !important;  
        width: auto!important; 
        max-width: 100%!important; 
        display: block!important; 
        max-height: 80px!important;     }
    .responsive #top .av-logo-container .avia-menu {
        height: 100%!important;     }

    .responsive #top .av-logo-container .avia-menu > li > a {
        line-height: 80px!important;     }

    .responsive #top #main .av-logo-container .main_menu {
        display: block!important;     }

    .responsive #top #main .av-logo-container .social_bookmarks {
        display: none!important;     }

    .responsive #top #main .av-logo-container .main_menu .social_bookmarks {
        display: block!important; 
        position: relative!important;     }

    .responsive #top #main .av-logo-container .main_menu {
        display: block!important;     }

}

Best regards,
Mike

Hi,
I see, you almost had it the first time, this one works with click & esc

jQuery(window).load(function(){
		jQuery('.open-popup-link').magnificPopup({
		  type:'inline',
		  midClick: true,
		  callbacks: {
    beforeClose: function() {
		ShowAlert();
	},
},
		});
		
	});
	function ShowAlert() {
		   alert("Alert Message Closed");        
		   }

Best regards,
Mike

Hey czar,
Typically this occurs when you have a full width element such as a color section on a page that has a sidebar, the sidebar will always be below the full width element.
If this is not the case, then please link to the page so we can examine it.

Best regards,
Mike

Hi,
Your site is still using PHP Version: 5.5.38, please look at the error message at the top of your admin dashboard.
Please ask your webhost to assist in updating your PHP version.

Best regards,
Mike

Hey CloudChoice,
The close event occurs before the alert prompt can be created, but you can simulate the event with this:

(function($){
  $(document).ready(function(){
        $("#test-popup").click(
            function () {
                ShowAlert();
            });
     });
    })(jQuery);
function ShowAlert() {
   alert("Alert Message Closed");        
}

notice it targets the ID for the popup box, my popup was like this:

<div id="test-popup" class="white-popup mfp-hide">
this is the content of the popup box
</div>

Best regards,
Mike

Hey pddcoms,
Sorry for the late reply, Please try this code in the General Styling > Quick CSS field, or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
html {
background-color: #fff !important;
min-height: 640px !important; 
height: 640px !important; 
}
.forcefullwidth_wrapper_tp_banner,#rev_slider_6_1_wrapper {
min-height: 640px !important; 
height: 640px !important; 
}
}

this allows the animation to play fully, Please see the screenshot in Private Content area.

Best regards,
Mike

Hi,
To remove the menu under line, I added:

.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
    opacity: 0 !important; 
    visibility: hidden !important; 
}

To change the menu select background color: I added:

.header_color .main_menu .menu ul li a:hover, .header_color .av-subnav-menu ul a:hover {
    background-color: #f9dada !important; 
}

Feel free to adjust to suit.

To adjust the leadership sub-menu placement, I added:

.av-main-nav ul.sub-menu li#menu-item-534 ul.sub-menu {
    top: 0px !important;
}

As for these styles for mobile, the background image produces an interesting and unexpected effect in the mobile menu, but it does make reading the menu difficult. The best option is to remove the background image from the mobile menu with this css:

.html_av-overlay-side #top #wrap_all #av-burger-menu-ul li {
    background-image: none !important; 
    background-position: unset !important; 
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    text-align: center !important; 
}

I didn’t add this css, please try if you wish.

Best regards,
Mike

Hi,
I adjusted the sub-menu placement with this css:

.av-main-nav ul {
    top: 150% !important; 
}

To adjust your menu items, please change these values:

#avia-menu li#menu-item-533 {
margin-left: 18px !important;
}
#avia-menu li#menu-item-558 {
margin-left: -8px !important;
}
#avia-menu li#menu-item-576 {
margin-left: -18px !important;
}
#avia-menu li#menu-item-577 {
margin-left: -18px !important;
}
#avia-menu li#menu-item-579 {
margin-left: -18px !important;
}

These represent the menu items in order starting with “About” at the top of the list.
Please note you may need to add spacing because the text on some are too long for the short space.

Best regards,
Mike

Hi,
Sorry for the late reply,
I’m not sure what was causing this, but I found that setting a max-height for the menu background images brought them all to the same size. Then because the menu titles were each a different length they were unevenly spaced, so I added a little margin to some and removed margin from others to make the spacing more even. Please feel free to adjust to suit.
This is the code I added to your Quick CSS:

#avia-menu li.menu-item-top-level {
max-height: 70px !important;
}
#avia-menu li#menu-item-533 {
margin-left: 18px !important;
}
#avia-menu li#menu-item-576 {
margin-left: -18px !important;
}
#avia-menu li#menu-item-579 {
margin-left: -18px !important;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for answering the questions. I added this code to the end of your functions.php file in Appearance > Editor:

function custom_blog_layout_script(){
?>
<script>
(function($){
$(document).ready(function(){
$( '.post-entry.single-big' ).each(function() {
$( this ).find( 'span.post-meta-infos' ).insertBefore( jQuery(this).find('header.entry-content-header') );
$( this ).find( 'a.more-link' ).appendTo( jQuery(this).find('.entry-content p') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_blog_layout_script');

and this css to your Quick CSS:

.post-entry.single-big .post-meta-infos {
padding: 0px !important;
margin: 0 0 -15px 0 !important;
}
.entry-content p a.more-link {
padding: 0px !important;
margin: 0px !important;
display: inline-block !important;
width: inherit !important; 
}
.entry-content p a.more-link:before {
  content: " → "; 
  white-space: pre;
}

Please feel free to adjust the arrow it you wish :)
Your highlighted post doesn’t have a “read more” link so I couldn’t test that, but it should work just like the regular post.

To adjust the highlighted post, I added this css:

.post-entry.category-highlight-gross span.text-sep.text-sep-date {
display: none !important;
}
.post-entry.category-highlight-gross span.post-meta-infos {
border-bottom-color: transparent !important;
}
.post-entry.category-highlight-gross time,.post-entry.category-highlight-gross .post-title a {
color: #fff !important;
}

By adding these changes your posts may seem a little closer together now, if you want some padding between them just let us know.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
We will close this now. Thank you for using Enfold, have a great day.

Best regards,
Mike

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

#top li span.avia-menu-text {
color: gray !important;
}
#top li span.avia-menu-subtext {
color: purple !important;
}

Best regards,
Mike

Hi,
I have tried to take a look at your page, but I’m not sure if I’m looking at the correct sections because the columns look centered to me.
Please see the screenshots in Private Content area.
Please advise.

Best regards,
Mike

Hi,
Thank you for the login, I have spot checked some of your rules in your child theme style.css, but they seem to be working, please give an example of some css that is not working so we can investigate.

.widget_nav_menu #menu-menu-auteur .sub-menu a:hover {
	color:#f7f6f2;
	background-color: #fa6e55 !important;
	}

Best regards,
Mike