Hi,
I would recommend not using any css classes like .av_textblock_section.av-1o8x9-95bc785c2e9fb80ef953c8d68d0a55a9 these classes change every time the page elements change, instead add a custom class in the advanced tab under “developer settings”.

don’t include the “dot” before the custom class.

Best regards,
Mike

Hi,
Glad to hear that you were able to sort this out, I don’t see any reason your css would cause any future issues, shall we close this then?

Best regards,
Mike

Hi,
Glad Yigit was 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

Hi,
Can you link to the instructions that you are using?

Best regards,
Mike

Hey ThomasN001,
The files mediaelement-and-player.js mediaelement-and-player.min.js are WordPress core files and will need to be edited with each WordPress update.
They are both the same file but one is minified, mediaelement-and-player.min.js, and this is the one most likely loaded by the browser, although minified files are hard to read and edit, if you found instructions to do so then try it, or you can edit the un-minified one and then minify it online
Perhaps there is a plugin that will override the default audio player settings, or perhaps there is a audio player plugin that will meet your needs better without you modifying it?

Best regards,
Mike

Hi,
I could probably write some code to hide the blank boxes on mobile, but I don’t understand their purpose on desktop, are they going to have content in the future?
If not perhaps you should remove them as they make your table look incomplete.

Best regards,
Mike

Hi,
Thanks for the link to your site, unfortunately, I’m not able to login as I see a 403 forbidden error, but it looks like the font is loaded by the plugin: subscribe-to-comments-reloaded
please try disabling this plugin, if this doesn’t help try disabling all of your plugins, if this doesn’t help then please disable your geo IP blocking so we can login an investigate.

Best regards,
Mike

Hi,
Please include admin login details, so we can examine.

Best regards,
Mike

Hi,
The blog element css sets the width for the items at 48% below 767px, so for tablet 768px – 1024px it would still be 4 across,
so to achieve 4 columns desktop, 2 on tablet, 1 on mobile, I recommend this css:

@media only screen and (min-width: 501px) and (max-width: 1024px)  {
.responsive #top #wrap_all #main .slide-entry {
    width: 48%;
}
.responsive #top #wrap_all #main .avia-content-slider-even .slide-entry.slide-parity-odd {
    margin: 0;
    clear: both;
}
.responsive #top #wrap_all #main .slide-entry {
    width: 48%;
    margin-left: 4%;
}
.responsive #top #wrap_all #main .slide-entry .slide-content {
    width: 260px;
    margin: auto;
}
}
@media only screen and (max-width: 500px)  {
.responsive #top #wrap_all #main .slide-entry {
    width: 100%;
    margin: 0;
}
.responsive #top #wrap_all #main .slide-entry .slide-content {
    width: 260px;
    margin: auto;
}
}

In my testing I found that your images have a width of 260px, this made the content below look off to the left, so I added a width of 260px to the content also to look better:

Now the reason the columns were not breaking to two across at 767px like that should was because in your child theme stylesheet on line 768 you added this css to change the display to flex, I assume that you added this for a different element or for a specific page so you will need to adjust it to not conflict with this page or remove it.

.slide-entry-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 40px!important;
}

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

Best regards,
Mike

Hi,
I see in your first site you have a child theme header.php, and in the second site you have a child theme header.php and footer.php.
Please remove your child theme header.php and footer.php, if you know of any customizations in them then save them to your computer for future review.
These files have changed in the current version and is typically the cause of this kind of error.

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

Hi,
Glad to hear that you have this sorted out, 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

Hi,
I guess I misunderstood, the Google Fonts only gives the fonts in .ttf, so I downloaded your font zip with the .woff fonts and used the transfonter site that Guenni007 recommended, thanks Guenni007 and created a new zip for you open-sans-woff.zip and imported it for you and now you have the multiple woff fonts:

You can delete the other two fonts, I then changed the Enfold Theme Options ▸ Advanced Styling for H3 tags as a test, note that you must choose the font weight:

and now on the test page the font is the 300 woff font

Best regards,
Mike

Hi,
Thanks for the link to your page, for your video element with the “Hobbit” video this css will make it full width:

.responsive #top.home #after_full_slider_1 .container {
	padding: 0;
    margin: 0;
    width: 100%;
    max-width: 2560px;
}

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

Best regards,
Mike

Hey rhae,
Thanks for your patience, the Open Sans font in the theme only includes the 400 & 600 font weight, if you want to use the 300 font weight please add it to your Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager separately and apply it where you wish.

Best regards,
Mike