Hi,

@AdrianSmithUK & @ariane1001, we have found that there is a “if” statement in the menu.js that disables the sticky sub-menu. Please try to edit: \enfold\config-templatebuilder\avia-shortcodes\menu\menu.js line 57-61, look for:

if( burger_menu.is(":visible") )
					{
						this.css({top: 'auto', position: 'absolute'}); fixed = false;
						return;
					}

and change to:

/*if( burger_menu.is(":visible") )
					{
						this.css({top: 'auto', position: 'absolute'}); fixed = false;
						return;
					}*/

or you can replace the file with this modified one, please retain a copy of the old one should you wish to un-do this modification.
(I will disable the link in a week so it doesn’t conflict with future updates)
Thank you for your patience.

Best regards,
Mike

Hi,
It looks like you would like the header setup from the construction demo Please try going to Enfold > Header > Header Layout > Menu and Logo Position and choosing “Logo left, Menu below”
Please let us know if that works for you. Please see our header documentation for other options.

Best regards,
Mike

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

.html_stretched #wrap_all,#main .avia-slide-wrap,#mep_0.mejs-container,#mep_0 video.avia_video {
    background-color: #fff !important;
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Sorry for the late reply, this looks like a solution for: Google Fonts and font-display

Best regards,
Mike

Hi,
Sorry for the late reply, To enable your scroll to top, 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) {
.responsive #scroll-top-link {
  display: block !important;
}}
#scroll-top-link {
    opacity: 1 !important; 
    visibility: visible !important; 
}

Best regards,
Mike

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

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry for the late reply, I took a look at your form and the main issue the I see is specificity, for example, while the happy forms is adding color the label titles it doesn’t include the “span” which the theme is assigning color to.
But in other cases the happy form is assigning the color to the form title at the top of the page:

I tried changing the order that the css loads, but because of specificity it didn’t help, I also tried removing the base.css for the one page, but that broke the header and footer.
So for the solution, I copied the happy forms customized css for the one page and added specificity to it and added it to the page in a code block element.

<style>
#top #main #happyforms-form-449 {
happyforms-form-width: 100 !important; 
happyforms-form-title-font-size: 32px !important; 
happyforms-part-title-font-size: 22px !important; 
happyforms-part-description-font-size: 18px !important; 
happyforms-part-value-font-size: 18px !important; 
happyforms-submit-button-font-size: 18px !important; 
happyforms-color-primary: #000000 !important; 
happyforms-color-success: #39b54a !important; 
happyforms-color-error: #ff7550 !important; 
happyforms-color-part-title: #000000 !important; 
happyforms-color-part-value: #000000 !important; 
happyforms-color-part-placeholder: #888888 !important; 
happyforms-color-part-border: #dbdbdb !important; 
happyforms-color-part-border-focus: #407fff !important; 
happyforms-color-part-background: #ffffff !important; 
happyforms-color-part-background-focus: #ffffff !important; 
happyforms-color-submit-background: #a81010 !important; 
happyforms-color-submit-background-hover: #3567cc !important; 
happyforms-color-submit-border: transparent !important; 
happyforms-color-submit-text: #ffffff !important; 
happyforms-color-submit-text-hover: #ffffff !important; 
happyforms-color-rating: #cccccc !important; 
happyforms-color-rating-hover: #f39c00 !important; 
happyforms-color-rating-bg: #efefef !important; 
happyforms-color-rating-bg-hover: #407fff !important; 
happyforms-color-table-row-odd: #fcfcfc !important; 
happyforms-color-table-row-even: #efefef !important; 
happyforms-color-table-row-odd-text: #000000 !important; 
happyforms-color-table-row-even-text: #000000 !important; 
happyforms-color-choice-checkmark-bg: #ffffff !important; 
happyforms-color-choice-checkmark-bg-focus: #000000 !important; 
happyforms-color-choice-checkmark-color: #ffffff !important; 
happyforms-color-dropdown-item-bg: #ffffff !important; 
happyforms-color-dropdown-item-text: #000000 !important; 
happyforms-color-dropdown-item-bg-hover: #dbdbdb !important; 
happyforms-color-dropdown-item-text-hover: #000000 !important; 
}
</style>

From what I can see it is working correctly, the field click is getting the blue border, the titles are black, ect.
Please clear your browser cache and check, and let us know if something is missing so we can assist.

Best regards,
Mike

Hi,
Glad we were able to help, and thanks for sharing your solution it should help others with their customization to see examples. We will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

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

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey algkent,
I took a look at both sites and the titles are both H1


If you would like to increase the size of the font, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

h1.post-title a {
font-size: 30px !important;
}

Best regards,
Mike

Hi,
I took a look into this issue and found a good explanation here with a function, unfortunately, the function in the article didn’t quite match the image sizes in Enfold so I tried to adjust it:

function armd_resp_img_sizes( $attr, $attachment, $size ) {
    if ( is_array( $size ) ) {
        $attr['sizes'] = $size[0] . 'px';
    } elseif ( $size == 'widget') {
        $attr['sizes'] = '36px';
    } elseif ( $size == 'square') {
        $attr['sizes'] = '180px';
    } elseif ( $size == 'featured') {
        $attr['sizes'] = '1500px';
    } elseif ( $size == 'featured_large') {
        $attr['sizes'] = '1500px';
    } elseif ( $size == 'extra_large' ) {
        $attr['sizes'] = '1500px';
    } elseif ( $size == 'portfolio' ) {
        $attr['sizes'] = '495px';
    } elseif ( $size == 'portfolio_small' ) {
        $attr['sizes'] = '260px';
    } elseif ( $size == 'gallery' ) {
        $attr['sizes'] = '845px';
    } elseif ( $size == 'magazine' ) {
        $attr['sizes'] = '710px';
    } elseif ( $size == 'masonry' ) {
        $attr['sizes'] = '705px';
    } elseif ( $size == 'entry_with_sidebar' ) {
        $attr['sizes'] = '845px';
    } elseif ( $size == 'entry_without_sidebar' ) {
        $attr['sizes'] = '1210px';
    }
    return $attr;
}
add_filter( 'wp_get_attachment_image_attributes', 'armd_resp_img_sizes', 25, 3 );

Best regards,
Mike

Hi,
Sorry for the late reply, with the Theme Options > Product gallery have WooCommerce 3.0 product gallery selected.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.woocommerce-product-gallery__image img.zoomImg:hover {
    width: 200% !important; 
    height: 200% !important; 
}

Please clear your site & browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, I took a look at your site’s mobile fallback image and adjusted the css to:

@media only screen and (max-width:1000px) {
#top.home [data-rel=slideshow-1] img {
    height: 500px !important;
    min-height: 500px !important; 
    background-repeat: no-repeat !important;
    background-size: 375px !important; 
}
}

I also noted that your image looked a little off for mobile, so I cropped it a little and uploaded a new version, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, as far as I know, @Gitte is correct, but there are many custom features, and it would not be available to the public. Sorry I couldn’t be more help.

Best regards,
Mike

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

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike