Hi,
Try this instead:

@media only screen and (max-width: 767px) { 
#header.header_color.av_header_transparency #header_main {
    background-color: #fff)!important;
}}
@media only screen and (min-width: 768px) { 
#header.header_color.av_header_transparency #header_main {
    background-color: rgba(232, 188, 84, 0.5)!important; 
}
.page-id-85 #header_main {
    background-color: #fff !important; 
}}

Best regards,
Mike

Hi,
I enabled your right sidebar on your blog and hide it with this code in your General Styling > Quick CSS field:

aside.sidebar.sidebar_right {display:none!important;}
main.template-page.content {width: 100%!important; border-right-style: none!important; }

It seems to be working well, please check.

Best regards,
Mike

Hi,
I didn’t see this on your site main, unless you have a staging site. Please see screenshot in Private Content area and the url.

Best regards,
Mike

Hey accurIT,
Try this css at the bottom of your custom css:

#header.header_color.av_header_transparency #header_main {
    background-color: rgba(232, 188, 84, 0.5)!important; 
}
.page-id-85 #header_main {
    background-color: #fff !important; 
}

The idea is that the top part of the code has a stronger value when the page is not scrolled, and the bottom part of the code does when the page is scrolled. Please try to remove your original colored custom code and Please clear any cache plugin and your browser cache.

Best regards,
Mike

Hey goldsvk,
Try to go to Enfold > Import/Export > Iconfont Manager then remove flaticon-sports
You can then download the icon file from the link in the Private Content area and re-import in the Import/Export > Iconfont Manager

Best regards,
Mike

Hi,
Thanks for sharing your solution

Best regards,
Mike

Hi,
That would require quite a bit of customization, but I did think of a way to move the socket up some so the sorting bar could rest under it:

footer#socket {
margin-bottom: 70px !important; 
}

Best regards,
Mike

Hi,
What color, size & font do you want it to be? Can you please include a admin login in the private content area so we can take a closer look?

Best regards,
Mike

Hi,

Glad to hear, we will close this now. Thank you for using Enfold.

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:

#top.page-id-25 .container {
    padding: 0px !important; 
}

Best regards,
Mike

Hi,
The size recommend by Vinay should be right, but as I was investigating this further I found some more code which I tweaked:

/*shop banner fix*/
.av-parallax-inner.av-parallax-woo {
background-position: 0 10% !important;
    background-size: 100% 30% !important;
    transform: translate3d(0, 3%, 0) !important;
}
.avia-section-large .content {
    padding-top: 40px!important; 
    padding-bottom: 80px!important; 
}

and added to your quick css, this seems to be working.
Please see screenshot in Private Content area for how it looks to me.
Please clear your browser cache and check on your end.

Best regards,
Mike

Hi,
We could help with some css, Please include the url to the page in question so we can take a closer look.

Best regards,
Mike

Hey Takara22,
Please try disabling your plugins. Your Enfold theme options are not showing. It seems you have a WordPress management plugin taking over control.
If that resolves the issue, reactivate each one individually until you find the cause.
The hidden update is most likely layerslider, which you can’t update until the next Enfold version comes out.

Best regards,
Mike

Hey cbesondy1,
Your site is giving a 401 error for your icon fonts

401 UNAUTHORIZED
The request has not been applied because it lacks valid authentication credentials for the target resource.

It looks like you are using MaxCDN, please read this.

Best regards,
Mike