Hi,
This is not the audio player on your frontpage that you added?
In which section did you add the audio player to?
I see this on Chrome.
Perhaps try creating a test page with only the audio player so we will both know we are looking at the same one.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Gagik,
Is it this one called “pod”?

Best regards,
Mike

Hi,
Ok, take care :)

Best regards,
Mike

Hey sammybotz,
Try enabling SEO Support ▸ Search Engine Optimization Support ▸ Preprocessing Shortcodes In Header ▸ allow to preprocess shortcodes
with this enabled Yoast can read the shortcode and find the images:

Best regards,
Mike

Hi,
Sorry to hear that you are having problems, you will need to start the refund process in your Envato Theme Forest account so it can go though the correct channels, here in the support forum we don’t have access to this process.

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, I found that the Enfold Theme Options ▸ Performance ▸ Disable jQuery Migrate was enabled and this didn’t allow the cookie bar to work correctly.
In my testing I cleared your WPRocket cache many times and then the cookie buttons worked correctly, I also enabled the cookie badge so I would know when the WPRoket cache was cleared.
But now in a second test the buttons are not working and the badge is not showing and the WPRocket cache is not clearing, it looks like you have a CDN, perhaps on your server, please check and clear.
If you can’t clear the WPRocket cache so the cookie badge shows, try disabling WPRocket and clearing your server cache.

Best regards,
Mike

Hi,
In the code you posted above, please try removing the width=”300″

Best regards,
Mike

Hi,
Thanks for the feedback, it looks like one of the text rotator lines is larger than 114px so please chage the css above to this css:

@media only screen and (max-width: 990px) { 
	#av_section_1 .av-rotator-multiline-on.av-rotator-text {
		min-height: 126px;
	}
}

After applying the css, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey gatehealing,
Unfortunately you can not seamlessly covert Enfold elements into Elementor elements, these are two different page builders.
Unfortunately the Yoast plugin is limited when reading the Enfold pages, try enabling SEO Support ▸ Search Engine Optimization Support ▸ Preprocessing Shortcodes In Header ▸ allow to preprocess shortcodes.

Best regards,
Mike

Hi,
Perhaps I don’t understand correctly, what do you mean by “lag”?
perhaps a screenshot would help.
I was talking abount the height of the blue text when it is two lines:

Best regards,
Mike

Hi,
Thanks for your patience, but unfortunately I have not. I tried to test the masonry element again with the settings:
// Flexible Masonry
// Title & Excerpt below the image
and nine test posts each with a different creation date, Jan-Sept (1-9) and the display order either in ascending or descending order, but the results are in order. I recall that you had tested by disabling your plugins and I don’t see any custom code in your functions.php, so I’m not sure why your site would have a order issue with Flexible Masonry and we are not able to reproduce this.

Best regards,
Mike

Hi,
I see your code above in your css for the “services” drop down menu, so to change the color try adjusting like this:

#top #wrap_all #header #avia-menu ul li.menu-item>a {
    border-bottom: 1px solid #e3e3e3;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
To add bottom borders to the burger menu items try this css:

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    border-bottom: 1px solid #e3e3e3;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey IconicD,
Thanks your patience and for the link to your page, I see that when the blog element is set to show three columns, on mobile the second column’s bottom margin is not showing, I’m not sure why this is as I see the css rule is there so I will report this to the Dev Team for their review. I also notice that after each row of three columns the tablet/desktop bottom margin adds some extra margin on mobile. So in the meanwhile try this css for mobile:

@media only screen and (max-width: 767px) { 
.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.slide-parity-even {
	margin-bottom: 20px;
}
.responsive #top .avia-content-slider .slide-entry-wrap {
	margin-bottom: 0;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike