Hi,
Here’s a stab at it, but I’m really not sure if I’m targeting it right, for example, #av_section_6 is in your footer with the 3 widgets, if I make the area transparent the widget text is hard to read. Perhaps a screenshot would help us target the right areas :)

#av_section_2, #av_section_4, #av_section_6 {
background-color:transparent!important;
}

Best regards,
Mike

Hey Gal726,
Please go to Enfold->Header->Mobile Menu and select to show the mobile menu for tablets as well.
Or you can use the following CSSin the General Styling > Quick CSS field:

@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important;}
}

Adjust the value 1024 to the pixel value of your liking.

Best regards,
Mike

Hey Jesus,
You can use the Social Share Button Element in the advanced editor: http://kriesi.at/themes/enfold-2017/elements/social-share-buttons/

Best regards,
Mike

Hi,
We could try to make the grid element 100% visual height:

.page-id-1041 .grid-sort-container {height: 100vh!important; }

Best regards,
Mike

Hi,
We will have to write code for each device:

/*iPhone 6 Plus in landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { .av-parallax-inner.main_color.avia-full-stretch {
background-position: -0px 100px !important;
background-size: 200% 105% !important;
}}

/*iPhone 5 & 5S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { .av-parallax-inner.main_color.avia-full-stretch {
background-position: -650px 100px !important;
}}

Over lapping sizes may cause issues, so your first code from last week might need to change to this:

@media only screen and (min-device-width : 569px) 
and(max-width: 736px) {
.av-parallax-inner.main_color.avia-full-stretch {
background-position: -550px 100px !important;
}}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

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

.av-special-heading-tag {background: rgba(0, 0, 0, 0.5)!important; }

Best regards,
Mike

Hi,
Odd, Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
This is strange, I tried different categories at different sizes and could not find a difference. Could you add some screenshots so we can try to duplicate the issue?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
The last number in your gradient color code is the opacity layer, so if it is 0.5 change it to 0
or show us the code and we will try to help :)

Best regards,
Mike

Hey JefeTechnologies,
perhaps a plugin such as: https://wordpress.org/plugins/jquery-smooth-scroll/ or https://codecanyon.net/item/smooth-scroll-scroll-site-without-jerky-and-clunky-effects-wordpress-version/19782948

Best regards,
Mike

Hey vinchenson,
I was able to change your menu links to blue, cleared your “Fastest Cache” logged out and checked in FireFox, Edge, & Chrome with no issues. What color did you want?

Best regards,
Mike

Hi,
Try:

#header{
opacity: 0.5;
}
@media only screen and (max-width: 480px) {
h1 { font-size: 25px !important; }
#header_meta .container {
max-width: 100%!important;
width: 100%!important;
}}
#avia-menu .avia-menu-text {
font-size: 20px !important;
}

If you are still having trouble please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
I added it to your child theme’s style.css and cleared my cache and can see the changes :)

Best regards,
Mike