Hi Claudia!

We have replied you here – https://kriesi.at/support/topic/how-can-i-set-an-enfold-demo/. Let us continue there.

Cheers!
Yigit

Hi,

I added following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (min-width: 768px) {
.container.av-logo-container { display: none !important; }}
.responsive .logo, .logo { display: none !important; }
.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
    padding-top: 317px;
}

Please review your website now. Also, we would recommend you not to use a sticky header for better UX

Best regards,
Yigit

• This reply was modified 9 years, 1 month ago by Yigit.

Hi Craig!

Thank you for contacting us!

First of all, thanks for your feedback!

Unfortunately it is not easily possible to add a music player to pages which would not stop playing when you are navigating through your site. Unless you are using a one page layout ( here are two examples – http://kriesi.at/themes/enfold-one-page-portfolio/ and – http://kriesi.at/themes/enfold-restaurant-one-page/ ). Simply audio player loads with the page and would stop when you navigate from one page to another.

Enfold’s native audio player looks like this – http://kriesi.at/themes/enfold/2009/10/21/snowboarding-fun/. You can always use plugins to add additional functionality to your site, such as this one – https://srd.wordpress.org/plugins/compact-wp-audio-player/. I also found this post which might be helpful.

Since you are not logged in, you might not be able to see the link however we have a feature request form here – https://kriesi.at/support/enfold-feature-requests/ where you can request new features and vote requested features. Our devs might be able to improve the player or create demo page for musicians.

I hope that was helpful. Let us know if you have any other questions or if there is anything else we can help you with :)

Best regards,
Yigit

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi!

Is this the same request?

// https://kriesi.at/support/topic/moving-sidebar-top-top-on-mobile-above-content/#post-737622

Best regards,
Ismael

Hey Munford!

Thank you for using Enfold.

Looks like it’s not loading the enfold_child.css file. Please try this code in the style.css file.

.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
    width: 1310px;
    max-width: 90%;
}

I also noticed that there are multiple instances of the same css media query. Example:

@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption .avia-caption-content { 
font-size: 9px !important; 
}
.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
    padding: 0!important;
}}

/*fix padding on films under trailers*/
@media only screen and (max-width: 480px) {
.avia-video, .avia-iframe-wrap {
    margin-bottom: 0px;
}}

It can be simplified to this.

@media only screen and (max-width: 480px) {
    .responsive #top .slideshow_caption .avia-caption-content { 
        font-size: 9px !important; 
    }
    .caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
         padding: 0!important;
     }
     /*fix padding on films under trailers*/
    .avia-video, .avia-iframe-wrap {
         margin-bottom: 0px;
     }
}

Regards,
Ismael

Hey iflw-gmbh!

Thank you for using Enfold.

It is being resized via css. Please add this in the Quick CSS field.

.template-blog .blog-meta {
    float: none;
    margin-right: 0
    clear: both;
}

.single-post .single-small.with-slider .small-preview {
    width: 220px;
    height: 220px;
    margin: 0 auto;
    display: block;
    float: none;
}

.single-post .single-small.with-slider .small-preview img {
    width: 100%;
}

.template-blog .post .entry-content-wrapper {
    overflow: hidden;
    position: relative;
    clear: both;
    margin-top: 50px;
}

Regards,
Ismael

Hey clairemartindigital!

Thank you for using Enfold.

Please add this in the functions.php file.

// menu active
function add_custom_script(){
?>
<script>
(function($){
	// cache selectors
	function ab() {
		var lastId,
		    topMenu = $(".av-subnav-menu"),
		    topMenuHeight = topMenu.outerHeight(),
		    // all list items
		    menuItems = topMenu.find("a"),
		    // anchors corresponding to menu items
		    scrollItems = menuItems.map(function(n, i){
			var item = $(i).attr("href");
			if (item.length && item.indexOf("#") != -1) { return item; }
		    });

			$(window).scroll(function(){
				// get container scroll position
				var fromTop = $(this).scrollTop()+topMenuHeight,
					   fromTop = fromTop + 150;

				// get anchors
				var anchors = scrollItems.map(function(n, i){
				   var item = i.substring(i.indexOf("#"));
				   return item;
				});

				var section = $('.avia-section').each(function() {
					return this;
				});

				section = section.map(function() {
					if ($(this).offset().top < fromTop)
					return this;
				});

				// get the id of the current element
				var cur = section[section.length-1];
			  	var id = section && section.length ? section[section.length-1].id : "";
				current = $(cur).attr('id');

				if (lastId !== id) {
				   lastId = current;
				   menuItems.parent().removeClass("active").end().filter("[href*='#"+current+"']").parent().addClass("active");
				}
			});
	}

	ab();

	function a() {
		$('#top .av-submenu-container').append("<a href='http://thymeforachef.com.au/#top' class='submenu_logo'><img src='//thymeforachef.com.au/wp-content/uploads/2017/01/Megara-logo-340x156.png' /></a>");
	}

	a();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

And this code in the Quick CSS field.

#top .av-subnav-menu > .active > a {
    color: red;
}

Best regards,
Ismael

Hey!

Thank you for using Enfold.

Please remove the css modification then add this one.

.submenu_logo {
    width: 120px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 10%;
}

After that, add this snippet in the functions.php file.

// submenu logo
function ava_custom_script() {
?>
	<script type="text/javascript">
	(function($) {
		function a() {
			$('#top .av-submenu-container').append("<a href='URL' class='submenu_logo'><img src='//thymeforachef.com.au/wp-content/uploads/2017/01/Megara-logo-340x156.png' /></a>");
		}

		a();
	})(jQuery);
	</script>
<?php
}
add_action('wp_footer', 'ava_custom_script');

Adjust the URL.

Regards,
Ismael

Hey!

Thank you for the screenshot. Please add this in the Quick CSS Field.

@media only screen and (max-width: 1024px) {
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
    display: none !important;
}
}

Remove browser cache before checking the page again.

Cheers!
Ismael

Hi,

Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Great, glad you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

UPDATE: Do you want the slideshow to resume after 10 seconds when the user click on the navigation buttons? We modified a few lines in the shortcodes.js file.

	// public method: shows next image
		next : function(e)
		{	
			e.preventDefault();
			//this._stopSlideshow();
			this._navigate( 'next' );
		},

		// public method: shows previous image
		previous : function(e)
		{
			e.preventDefault();
			//this._stopSlideshow();
			this._navigate( 'prev' );
		},

Best regards,
Ismael

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Ok, thanks for the feedback. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Great, glad you got it working. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

If you are not getting any errors and it’s working as it should, then the bottom of functions.php is fine. Let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic.

Best regards,
Rikard