Hey CyborgBBR,

Thank you for using Enfold.

Could you please provide a screenshot of the issue? The following thread might help.

// https://kriesi.at/support/topic/playing-with-new-demos/

Best regards,
Ismael

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Please replace the css modification with the following css code.

@media only screen and (min-width: 768px) { 
    #home-top-head .avia-slideshow-inner {
        min-height: 583px !important;
        max-height: 583px !important;
    }
}

Best regards,
Ismaelf

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
  color:white !important;
}

Best regards,
Rikard

Hi,

Great, glad we could help :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 1024px) {
#top #wrap_all .slide-entry {
    width: 100% !important;
    margin-left: 0 !important;
}
}

Best regards,
Rikard

Hi,

If you want to apply the same padding then you try to add a class to your header element within the Color Section, you can name it header-padding for instance, then add this to Quick CSS:

.header-padding {
  padding-top:175px !important;
}

Best regards,
Rikard

Hi John,

No problem, first off please activate debug mode in order to see builder shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

You can then paste the following shortcode to a new page:

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

[av_textblock size='' font_color='' color='' admin_preview_bg='']
The color section is the most powerful layout element in your arsenal to build unique websites. it allows you to display fullwidth section that contains various elements, and also lets you set the styling of this section by changing background images and color, height, top and bottom border, etc

A color section is a fullwidth element that can not co-exist beside a sidebar. You can however display a sidebar below the last fullwidth element if you want to.

Below are a few color section examples
[/av_textblock]
[/av_section]

[av_section min_height='custom' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-diagonal' bottom_border_diagonal_color='#ffffff' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/business-office-work.jpg' attachment='480' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='This is a color section with fixed background and slanted border' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]
[/av_section]

[av_section min_height='25' 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='#ffffff' 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='This is a color section with solid background' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='' custom_font='#ffffff' admin_preview_bg='rgb(255, 255, 255)'][/av_heading]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='https://test.kriesi.at/enfold-gym/wp-content/uploads/sites/18/2016/02/hero-2.jpg' attachment='549' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='https://www.youtube.com/watch?v=oXdzvMLiE7Q' video_ratio='16:9' video_mobile_disabled='aviaTBvideo_mobile_disabled' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='']

[av_heading tag='h1' padding='0' heading='This is a color section with background video and some content elements' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]

[av_one_fifth 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_one_fifth][av_three_fifth 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='']
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum spellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
[/av_textblock]

[/av_three_fifth][av_one_fifth 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_one_fifth][av_one_fifth 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_font_icon icon='ue822' font='entypo-fontello' style='border' caption='Lorem Ipsum' link='' linktarget='' size='40px' position='center' color='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]

[/av_one_fifth][av_one_fifth 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_font_icon icon='ue80e' font='entypo-fontello' style='border' caption='Multi Media' link='' linktarget='' size='40px' position='center' color='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]

[/av_one_fifth][av_one_fifth 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_font_icon icon='ue82f' font='entypo-fontello' style='border' caption='Cloud Based' link='' linktarget='' size='40px' position='center' color='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]

[/av_one_fifth][av_one_fifth 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_font_icon icon='ue826' font='entypo-fontello' style='border' caption='Big Brother' link='' linktarget='' size='40px' position='center' color='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]

[/av_one_fifth][av_one_fifth 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_font_icon icon='ue863' font='entypo-fontello' style='border' caption='Time is up' link='' linktarget='' size='40px' position='center' color='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_font_icon]

[/av_one_fifth][/av_section]

Best regards,
Rikard

Hi Tom,

Thanks for that, if you go to Appearance->Menus and activate Description in Screen Options at the top right hand side of your screen then you will be able to remove that text under each menu item. If you should need any further help then please post admin login details in private.

Best regards,
Rikard

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 Sal,
Try this code in the General Styling > Quick CSS field:

span.logo {
top: -40px !important;
}

Best regards,
Mike

Hi,
I changed your image to fixed from parallax, because at mobile view the image was behind the header with the background set to contain. For laptop to desktop view I set the image to cover so it would fill the screen. For mobile & tablet view I moved the special heading up to mid screen, as it was below the image.
This is the code I added to the General Styling > Quick CSS field to do all of this:

#home-screen {
background-size: contain !important;
}
@media only screen and (min-width: 1130px) { 
#home-screen {
background-size: cover !important;
}
}
@media only screen and (min-width: 460px) and (max-width: 546px) { 
#top.home .avia-builder-el-1 {
margin-top: -50%;
}
}
@media only screen and (max-width: 459px) { 
#top.home .avia-builder-el-1 {
margin-top: -90%;
}
}

Please clear your browser cache and check.

Best regards,
Mike