Make the Menu Overlay Transparent

Hey Maneschka,
I took a look at your menu, and it looks like your css is working correctly, but the reason your menu is not transparent is because your rgba color code is .85, which is closer to a solid color that a transparent color.
Please try adjusting to .5 like this:

/* Menu area background */
#top #wrap_all .av-burger-overlay-scroll {
background-color:rgba(255,255,255,.5)!important;
}

If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
If I understand correctly, you would like the mobile menu overlay black, but after scroll you would like it to be gray. So do you have your mobile header fixed, so it always shows?
Please include the url to the page in question so we can take a closer look.
I’m not sure I understand this statement:

I setted it in gray but when the menu is in overlay i can see it.

Perhaps a screenshot would help, try uploading to https://postimg.cc/ and posting the links here.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top .av_header_transparency #avia-menu li a span.avia-menu-text {
color: #fff !important;
}
#top #avia-menu li a span.avia-menu-text {
color: #000 !important;
}

Best regards,
Mike

Hi,
Please include the url to the page in question so we can take a closer look. What color do you want the sub-menu links?

Best regards,
Mike

Hi,
Please remove the css above and use this instead:

#top #header .av-main-nav > li > ul.sub-menu > li > a span.avia-menu-text {
color: #808080 !important;
}
#top #header.av_header_transparency .av-main-nav > li > a span.avia-menu-text {
color: #fff !important;
}
#top #header .av-main-nav > li > a span.avia-menu-text {
color: #000 !important;
}

Best regards,
Mike

Hi,

@marcoricci76, I believe you are talking about this element:

the reason the sub-heading is in multiple lines is because the “.slideshow_caption” element is only 42% of the page, this will correct that.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.slideshow_caption {
    width: 100% !important; 
}

To change the font, please use this css:

.slideshow_caption h2.avia-caption-title,.slideshow_caption .avia-caption-content {
     font-family: 'Roboto' !important; 
}

Please adjust the font to suit, and Then clear your browser cache and any cache plugin, and check.
Please note that if you are using a font that is not already displaying on the same page, you should upload it to Enfold Theme Options > Import/Export > Custom Font Manager to force it to display.

Best regards,
Mike

Hi,
To add your own icons you would go to Fontello and download the ones you want to use, or you can upload your icons as SVG’s to Fontello, and the site will convert them into a font, then you can download them and import them at: Enfold > Import/Export > Iconfont Manager
Please see our documentation for more details on doing this.

Best regards,
Mike

Hi,
Glad we could help :)

Best regards,
Mike