Hey!

Change this part in the Quick CSS:

.custom_info{
  width: 40%;
  right: 0;
  position: absolute;
  line-height: 26px;
  top: 20px;
}

To:

.custom_info{
  right: 0;
  position: absolute;
  line-height: 26px;
  top: 20px;
}

Regarding overlapping on scroll, add this:

.header-scrolled .custom_info {
    line-height: 12px;
    font-size: 11px;
    top: 10px;
}

Cheers!
Josue

Hi!

You have a typo here:

.phone-info {
float: left;
font-weight: normal;
line-height: 20px;
font-size: 12px;
padding: 5px 0;

Missing “}”.

Cheers!
Josue

The reason we don’t have a how-to for every page on the demo is because the dummy data that can be imported from the theme options already includes all of the home pages. So when you import it in, you get that page fully created for you.

If you turn on the debug field for the ALB you could paste in the raw shortcode data on a new page which would prepopulate the layout editor with the elements that are on that page. Here is the raw data for that:

[av_fullscreen size='extra_large' animation='fade' autoplay='true' interval='7' scroll_down='aviaTBscroll_down']
[av_fullscreen_slide slide_type='image' id='2553' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='This is a page with transparent header' caption_pos='caption_left caption_left_framed caption_framed' link_apply='button' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Click me' button_color2='light' link2='http://' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay='']
Once the user scrolls down the header color will change
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='2552' attachment=',' position='top left' video='http://' mobile_image='' video_cover='' title='Another caption' caption_pos='caption_right caption_right_framed caption_framed' link_apply='button button-two' link='lightbox' link_target='' button_label='Show me' button_color='light' link1='#next-section' link_target1='' button_label2='Learn more' button_color2='light' link2='#next-section' link_target2='' video_controls='' video_mute='' video_loop='' video_autoplay='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque pe.
[/av_fullscreen_slide]
[/av_fullscreen]

[av_one_fourth first]
[av_icon_box icon='59' position='left' title='Free Support']
Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='2' position='left' title='Mobile Ready']
Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='125' position='left' title='Updates']
Cum sociis natoque <strong>sadfsadfas </strong>Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_one_fourth]
[av_icon_box icon='36' position='left' title='SEO Optimized']
Aenean commodo ligula eget dolor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]
[/av_one_fourth]

[av_section color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/woman-flinging-long-hair-1500x1000.jpg' attachment='2576' attach='parallax' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='75' padding='default' shadow='no-shadow' id='']
[av_one_third first]

[av_icon_box icon='ue806' font='entypo-fontello' position='top' title='Mobile Ready' link='' linktarget='' linkelement='']
Cum sociis <strong>natoque</strong>. Aenean commodo ligula eget dolor. Aenean massa. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_third][av_one_third]

[av_icon_box icon='ue836' font='entypo-fontello' position='top' title='SEO Optimized' link='' linktarget='' linkelement='']
Aenean commodo ligula egconsectetueret dolor sit amlor. <strong>Aenean massa</strong>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
[/av_icon_box]

[/av_one_third][av_one_third]

[av_icon_box icon='ue842' font='entypo-fontello' position='top' title='Free Support' link='' linktarget='' linkelement='']
Aenean commodo ligula eget dolor. Lorem <strong>ipsum</strong> dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque<strong> </strong>Aenean massa.
[/av_icon_box]

[/av_one_third]
[/av_section]

[av_section color='main_color' custom_bg='' src='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' video_mobile_disabled='' min_height='' padding='default' shadow='no-shadow' id='']
[av_one_fourth first]

[av_textblock]
<h6>Recent News</h6>
<em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em>

<a href="#">View more</a>
[/av_textblock]

[/av_one_fourth][av_three_fourth]

[av_postslider link='category,3' columns='3' items='3' contents='title' autoplay='no' interval='5']

[/av_three_fourth][av_hr class='default' height='50' position='center']

[av_one_fourth first]

[av_textblock]
<h6>Recent Work</h6>
<em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</em>

<a href="#">View more</a>
[/av_textblock]

[/av_one_fourth][av_three_fourth]

[av_postslider link='portfolio_entries' columns='3' items='3' contents='title' autoplay='no' interval='5']

[/av_three_fourth]
[/av_section]

[av_section color='socket_color' custom_bg='' src='http://kriesi.at/themes/enfold/files/2013/10/photodune-3581207-black-in-black-m-1500x1182.jpg' attachment='2572' attach='parallax' position='top left' repeat='stretch' video='' video_ratio='16:9' min_height='75' padding='large' shadow='no-shadow' id='portfolio']
[av_heading heading='A beautiful <strong>experience!</strong>' tag='h1' color='custom-color-heading' custom_font='#ffffff' style='blockquote modern-quote modern-centered' size='50' subheading_active='subheading_below' subheading_size='18' padding='60']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

[/av_heading]

[av_one_fifth first]

[av_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Eye Candy' link='manually,http://kriesi.at' linktarget='' color='#ffffff' size='40px' position='center']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue856' font='entypo-fontello' style='border' caption='Tools' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
We have added exactly the tools you need and left out everything you don't need. Finally a multi purpose Theme that is not bloated!
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8a5' font='entypo-fontello' style='border' caption='A list' link='post,94' linktarget='' color='#ffffff' size='40px' position='center']
<ol>
<li>Super nice Parallax</li>
<li>Optimized for Speed</li>
<li>Brilliant Template Builder</li>
<li>Easy to use</li>
<li>Set up in 2 minutes</li>
</ol>
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8a8' font='entypo-fontello' style='border' caption='Updates' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
Enfold is an award winning theme that is quickly becoming one of themeforest top sellers. And for a reason! Try it yourself!
[/av_font_icon]

[/av_one_fifth][av_one_fifth]

[av_font_icon icon='ue8dd' font='entypo-fontello' style='border' caption='Rocket Science?' link='manually,themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=kriesi' linktarget='' color='#ffffff' size='40px' position='center']
Far from! Probably the easiest Multipurpose theme you have ever used!
[/av_font_icon]

[/av_one_fifth]
[/av_section]

Hey!

Try adding this code to the Quick CSS:

.av-masonry-entry:before {
    content: attr(title);
    background: red;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-align: center;
    line-height: 180px;
    opacity: 0;
    font-weight: bold;
    font-size: 24px;
}

.av-masonry-entry:hover:before {
    opacity: 1;
}

.av-masonry-entry:before{
    transition: all linear 0.2s;
}

Cheers! 
Josue

Hey!

Try adding this code to the Quick CSS:

#advanced_menu_toggle:after {
    content: "Menu";
    font-size: 12px;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
}

Cheers! 
Josue

Hey!

Try adding this code to the Quick CSS:

body {
font: 13px/1.65em 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
color: #444;
-webkit-text-size-adjust: 100%;
}

Cheers! 
Josue