Hi,
Thanks for pointing out about the “a”
Ok so I removed the css in your Quick CSS:

p, h1, h2, h3, h4, h5, h6 {
font-family: 'didact gothic' !important; 
}

and now your page looks correct.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Vielen Dank für das Bild, ich verstehe es besser, weil Google Translate nicht 100% ist.
Von dem, was ich sehe, möchten Sie, dass die Produktbeschreibung unter den Produktbildern und Produktpreisoptionen volle Breite hat.
Ich kann dies mit etwas Javascript & CSS erstellen, siehe Screenshot im Bereich Privater Inhalt.

function custom_product_page(){
  ?>
  <script>
jQuery(window).load(function(){
jQuery( '.template-shop' ).each(function() {
jQuery( this ).find( '.woocommerce-tabs.wc-tabs-wrapper' ).insertAfter( jQuery(this).find('.single-product-summary') );
});
});
</script>
  <?php
  }
  add_action('wp_footer', 'custom_product_page');

.wp-video {
    height: -webkit-fill-available !important; 
}
#top .mejs-container {
    height: -webkit-fill-available !important; 
    max-height: 100% !important; 
}

Die Verwendung des erweiterten Layout-Builders zum Erstellen von Produktseiten ist begrenzt, aber ein Benutzer hat ein Plug-in erstellt, das Sie möglicherweise sehr hilfreich finden: Benutzerdefinierte Enfold Layout Builder Elemente fügt viele Woocommerce-Elemente hinzu.

— Translated with Google —

Thank you for the image, I understand it better because Google Translate is not 100%.
From what I see you would like the product description to be full width under the product images and product price options.
I can create this with some javascript & css, Please see the screenshot in Private Content area.

function custom_product_page(){
  ?>
  <script>
jQuery(window).load(function(){
jQuery( '.template-shop' ).each(function() {
jQuery( this ).find( '.woocommerce-tabs.wc-tabs-wrapper' ).insertAfter( jQuery(this).find('.single-product-summary') );
});
});
</script>
  <?php
  }
  add_action('wp_footer', 'custom_product_page');

.wp-video {
    height: -webkit-fill-available !important; 
}
#top .mejs-container {
    height: -webkit-fill-available !important; 
    max-height: 100% !important; 
}

Using the advanced layout builder to create product pages is limited, but one user has created a plugin that you may find very helpful: Custom Enfold Layout Builder Elements it adds many woocommerce elements.

Best regards,
Mike

Hi,
If I understand correctly every portfolio product should open in a new tab/page we can add a script to do this but we will need to identify these links.
I view your hummingbird portfolio item and the “payment options” did open in a new tab/page, which was the only link I saw. So if you can explain what I missed about your needs we can help.

Best regards,
Mike

Hey Heathcliffe,
Probably the best source for how to turn off PHP error messages will be your webhost, as they know your configuration best.
But here is How to turn off PHP error reporting that may work for you.
I researched your error and believe it could be this one
where downgrading the server to PHP 7.1 should solve the problem.
Also read this post Please ensure you have the latest version of Enfold, as this is a old issue.
Please let us know if this helped.

Best regards,
Mike

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