Hey!

Please add following code to Quick CSS

#scroll-top-link {
    right: 48.3%;
}

.container_wrap_first  {
min-height: 500px;
}

Regards,
Yigit

Hey Nicoletta_DUS,

Replied you here – https://kriesi.at/support/topic/sidebar-problem-menu-wird-nicht-rechts-in-der-sidebar-gezeigt/. Please do not create duplicated topics.

Best regards,
Yigit

Hey rwwood,

You can try adding following code to Quick CSS in Enfold theme options under General Styling tab

#header.header-scrolled {
    top: 0;
}

But in my opinion, best option would be disabling “sticky header” option in Enfold theme options > Header > Header Behaviour.

Best regards,
Yigit

Hi,

Thank you for using Enfold.

1.) Looks like you managed to remove the social icons.

2 ) The video on https://www.enomis.london/services/ when on mobile it doesn’t play on auto which I know won’t for mobiles but the youtube button isn’t clickable.

Autoplay are disabled on mobile devices by default. We also disabled video backgrounds on mobile for various reasons. You need to add a fall back image.

2 ) I like using the font Josefin Sans however can’t get for the body… I still want to keep the menu bar standard text as shown.

Add this in the functions.php file to register the font for the body content font dropdown:

add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts) {
    $fonts['Josefin Sans'] = 'Josefin Sans:400,700,400italic,700italic';
    return $fonts;
}

3 ) https://www.enomis.london/social/ click on blogging https://www.enomis.london/blogging/ how do I change layout to grid format or masonry like the link social page?

Go to the Blog Layout and set the Blog Layout to Grid. Or set it to use the advancel layout builder then edit the blog page. Insert the blog post element then configure the options.

4 ) Breadcrumbs I can’t seem to get it on the About page? https://www.enomis.london/about/ UNDER CONSTRUCTION

Breadcrumbs are disabled for transparent headers.

Best regards,
Ismael

Hi,

Sorry for the delay. Please remove the widget then use this in the functions.php file instead:

add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area', 1);
function enfold_customization_header_widget_area() {
	$output = '
<div class="header_widget"></div>
';
    echo $output;
}

add_action('wp_footer', 'ava_custom_script_hwidget', 1);
function ava_custom_script_hwidget() {
?>
		<script>
        (function($){
            $('.header_widget').append('<a href="http://kdmstaging.com/stahl/wp-content/uploads/2016/03/phone..png" class="custom-widget">Click here to contact us.<img src="http://kdmstaging.com/stahl/wp-content/uploads/2016/03/phone..png"></a>');

            $(window).load(function() {
        		$('.custom-widget').magnificPopup({
        			type: 'image'
        		});
        	});
        })(jQuery);
        </script>
<?php
}

After that, use the following to style the widget:

.header_widget {
    position: absolute;
    z-index: 10000;
    right: 20px;
    top: 20px;
}

.mfp-ready .mfp-figure {
    opacity: 1;
}

Best regards,
Ismael

Hi,

When using the builder for posts you will need to set the excerpt manually, if you can’t see the field for it then please select to show it under Screen Options on the top right hand corner of the screen.

Regards,
Rikard

closing this because its a duplicate of:

Hi,

I’m not sure why the css animations are not working on your installation so I created a test page. The animations on our installation is working even on IE. This is probably cause by a plugin or a custom script. Please try to deactivate all plugins and remove all custom modifications then check the page again. Don’t forget to hard refresh the page. For a temporary fix, add this in the Quick CSS field:

/*media all*/
.avia_transform .avia_animated_image, .avia_desktop.avia_transform .av-animated-generic {
    opacity: 1;
}

Best regards,
Ismael

Hi,

I don’t see any reason why it will “jump” on firefox because the “avia-btt” css transition is set to only move from bottom to top and fade in from 0 opacity to 1.

@-webkit-keyframes avia-btt {
  0%   { -webkit-transform:translate(0,50%); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@keyframes avia-btt {
  0%   { transform:translate(0,50%); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

Will you consider disabling the animation only on firefox? Add this in the Quick CSS field:

.avia-mozilla.avia_transform .avia_start_delayed_animation.bottom-to-top {
    -webkit-animation: none !important;
    animation: none !important;
}

Best regards,
Ismael

Hi Tim,

Great, glad you found the problem. Let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

The blog posts are center aligned. Was that intentional? You can try this:

.html_elegant-blog #top .post-entry .post-title, .html_elegant-blog .avia-content-slider .slide-entry-title, .html_elegant-blog #top .post-entry .blog-categories {
    text-align: right;
}

.html_elegant-blog .more-link {
    text-align: center;
    margin: 10px 0;
}

Best regards,
Ismael

Hi,

Great! We’ll leave the thread open in case someone should need more help on the topic.

Regards,
Rikard

Hi,

Great, please let us know if you should need any more help on the topic.

Regards,
Rikard