Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background-color: #5dd8e8;
    border: none;
}

Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit

Hi,
You can check out this Enfold Theme Tutorial: Creating a Mega Menu with Images for Menu Buttons which around 4:41 shows a menu similar to the one you want.

Or you can look for a plugin.
The main page of the site you want, could be created with color section, with background images and text boxes with large buttons.

Best regards,
Mike

Hi,

If you enable debug mode in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then you can paste the following shortcode to the page where you want the slider:

[av_fullscreen size='extra_large' image_attachment='fixed' animation='fade' autoplay='false' interval='5' control_layout='av-control-minimal' scroll_down='aviaTBscroll_down' perma_caption='aviaTBperma_caption']
[av_fullscreen_slide slide_type='image' id='1057' position='center center' video='' mobile_image='' video_cover='' title='THIS IS A FULLSCREEN SLIDER' custom_title_size='55' custom_content_size='' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='manually,#next-section' link_target1='' button_label2='Buy now' button_color2='light' link2='manually,#next-section' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='']
The slider stretches across the whole screen. You can set multiple fullscreen sliders per page if you want to.
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='480' position='center center' video='' mobile_image='' video_cover='' title='' custom_title_size='55' custom_content_size='' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='Learn more' button_color='light' link1='manually,#next' link_target1='' button_label2='Buy now' button_color2='light' link2='manually,#' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern=''][/av_fullscreen_slide]
[/av_fullscreen]

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='Fullscreen Slider' tag='h1' style='blockquote modern-quote' size='40' subheading_active='' subheading_size='15' padding='15' color='custom-color-heading' custom_font='#000000' admin_preview_bg=''][/av_heading]

[av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_textblock size='' font_color='' color='' admin_preview_bg='']
This slider stretches across the whole screen. You can set multiple sliders per page and also set their properties individually. Like, for example, the background image behaviour (parallax anyone?), image color overlays, captions, etc
[/av_textblock]

[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_textblock size='' font_color='' color='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque <strong>penatibus</strong> et magnis dis parturient montes, nascetur <strong>ridiculus</strong> mus.
[/av_textblock]

[/av_one_half]
[/av_section]

Best regards,
Rikard

Hey Annelies,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

.phone-info .avia-button-wrap {
    top: -10px;
    position: relative;
}
.phone-info {
    position: relative;
    top: 10px;
}
.logo {
    top: 30px;
}

Best regards,
Yigit

Hey Daniella,

Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your button element and give it a custom CSS class (“my-custom-button” in example below) and then add following code to Functions.php file in Appearance > Editor

function av_custom_fb_pixel(){
?>
 <script>
jQuery(window).load(function(){
jQuery(".my-custom-button a").removeAttr("href");
jQuery(".my-custom-button a").attr("onClick","fbq('track', 'Purchase');");
});
 </script>
<?php
}
add_action('wp_footer', 'av_custom_fb_pixel');

Best regards,
Yigit