Hi,
Try changing you code to this:

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive .av-frame.av-frame-left, .responsive .av-frame.av-frame-right {
    display: inherit; }
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    right: 30px!important; }}
@media only screen and (max-width: 767px) {
.responsive .av-frame.av-frame-left, .responsive .av-frame.av-frame-right {
    width: 15px!important;  }
.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    right: 15px!important; }}

Best regards,
Mike

Hi,
Unless you are using a child theme, changes to theme files will be lost when updating

But if you test on your desktop with a localhost, with a clone of your live site, you will see how the upgrade works with your site, and you can copy any lost changes from your live site to your localhost.
When you do you’ll use a child theme so you’ll never worry again :) Read about child theme’s & Get one here
The goal is to make your localhost site perfect and then clone it to your live site saving you from surprises and headaches.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

.sp_event div.blog-meta,.sp_event span.minor-meta,.sp_event h1.entry-title,.sp_event span.av-vertical-delimiter,.sp_player div.blog-meta,.sp_player span.minor-meta,.sp_player h1.entry-title,.sp_player span.av-vertical-delimiter,.sp_team div.blog-meta,.sp_team span.minor-meta,.sp_team h1.entry-title,.sp_team span.av-vertical-delimiter {display:none!important;}

Please clear your cache

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field for each language:

@media only screen and (max-width: 767px) { #top .av_header_with_border.av_header_transparency #header_main {background-color: #9ea9b0!important;}}

Please see screenshot in Private Content area & Please clear your cache for browser and site.

Best regards,
Mike

Hi,
1) I changed “Pagination” to “No”
2) I changed “Sidebar on Archive Pages” to “No Sidebar”
3) I’m unsure which to keep & which to hide, please see screenshots in Private Content area
Please include screenshots of which one to hide

Best regards,
Mike

Hey vmoralestejedor,
It seems your page loads first-byte in about 6 seconds on that page, and then loads everything else very quickly:
https://www.webpagetest.org/result/170909_51_af9af8fd74fa7c788068e13e9c2ebf8e/
where your first-byte is only about 1 second on your homepage:
https://www.webpagetest.org/result/170909_3X_c326b6c2376ff1d211ec06b471639087/
first-byte is the time for your server to respond, which should be around 200ms.
if you look at the tests, I don’t see any reason why it is slow from a page load perspective since the largest file is 51.9 KB for a total of 1,023 KB
I see your caching is not on, have you tried turning it on?

Best regards,
Mike

Hey dee804203,
You can go to Enfold Theme Options > General Layout > Dimensions and set a maximum width for your site, right now it looks like it’s 1210px, and/or you can set a percentage width for the content, such as 80%. Try different setting until you are happy.

Best regards,
Mike

Hi,
In the footer the Lost Password link doesn’t seem to be covered, but you can drop it down a line if you wish.
Try this code in the General Styling > Quick CSS field:

.woo-ma-lost-pass:before {
  content: "\A\A";
  white-space: pre;
}

before:

after:

Best regards,
Mike

Hi,
Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
To translate the placeholder word “search”, to “pesquisar”
Try adding this code to the end of your functions.php file in Appearance > Editor:

function my_search_form($html)
{
    return str_replace('Search', 'Pesquisar', $html);
}
add_filter('get_search_form', 'my_search_form');

Best regards,
Mike

Hey trikosm,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function add_header_img_scrolled(){
?>
<script>

jQuery(document).scroll(function(){

    if(jQuery(this).scrollTop() > 100)

    {   
       jQuery('#media_image-2').css({"max-width":"50%"});

    } else {

       jQuery('#media_image-2').css({"max-width":"100%"});
    }

});

</script>
<?php

}

add_action('wp_footer', 'add_header_img_scrolled');

Best regards,
Mike

Hi,
Please replace previous code with this code:

@media only screen and (min-width: 1024px) { .main_color .sidebar a {color: #fff !important}
.widget_nav_menu .current_page_item>a {color: #33827a !important; }}

please see screenshot in Private Content area & please clear your cache

Best regards,
Mike

Hi,
The images didn’t load for me the first time with a Autoptimize error, but they did the second time. I recommend disabling Autoptimize and ask your host to clear your server cache.

Best regards,
Mike

Hey irisleonhardt,
Please check the login info, it’s not working.
I think I understand 1 & 2, but I need to see it first. Can you please add a screenshot to point out how you would like to see it?
For number 3, we can hide the preview image in the sports press plugin with css, but you’ll need to turn it back on. This will allow it to show in the “News” blog posts.

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { #top #header_meta {
    position: fixed!important; 
    width: 100%!important; }
#header_main { padding-top: 50px!important; }
}

Please clear your cache

Best regards,
Mike