Page 27 – Support | Kriesi.at – Premium WordPress Themes

Hi mcraig77!

Please use the below css to make all testimonials same height and scroll the ones that are long.

#top .avia-testimonial-content {
    max-height: 200px;
    height: 200px;
    overflow-y: auto;
}

Cheers!
Vinay Kashyap

March 4, 2016 at 5:20 pm #593373

Topic: iPhone menu showing right side of website

in forum Enfold

sanderhudepohl

Participant

Hi,

I have a question regarding the mobile menu. When I open the menu on my iPhone, and click on a page, te mobile menu will stay on the right side of the page. Meaning; if i scroll to the right on my iPhone, the menu will just be “sitting” there while not having pressed the button.

Picture of what i mean: http://hkcncservice.nl/wp-content/uploads/2016/03/image.png

My custom CSS as it is know:

.title_container .breadcrumb {
position: relative !important;
right: auto !important;
margin-top: 0px !important;
left: -3px;
margin-bottom: 25px !important;
}

@media only screen and (max-width: 1024px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}

My website is: http://www.hkcncservice.nl

– Sander

March 2, 2016 at 8:10 pm #592282

Topic: After submitting contact form the screen fixes to the bottom of the page

in forum Enfold

AmyEdwards

Participant

Hi,

I have built a contact form and I have altered the settings so that once the user submits, the page shows a confirmation message.

However, the user cannot see this message unless they scroll to the top of the page. Is there any way to ensure that the screen automatically fixes to the top of the page once the form disappears so that the user doesn’t have to scroll up to see the message?

Thanks.

March 1, 2016 at 7:15 am #591370

In reply to: problem with main navigation on a one-page-site – highlight is flickering

Hi!

Remove the layer slider link from home and just add # it should automatically scroll to top if you have any issues please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue

Regards,
Vinay Kashyap

February 29, 2016 at 6:07 pm #591000

In reply to: Prevent jump to top of page when mobile menu is clicked on

Yigit

Hey!

That is intended as mobile menu shows menu items at the top of the page. If it was not auto scrolled to top when you click to open mobile menu, you would need to scroll manually :)

Best regards,
Yigit

February 28, 2016 at 9:06 pm #590478

Topic: Two Line Menu Link underline not displaying

in forum Enfold

yes9310

Participant

Hi,

I have a two line menu using Quick CSS and also to make it appear correctly in a mobile menu. (See below and link). However, the second line of the menu doesn’t show a red underline on the selected page like it does on the first line to tell you what page you are on. Can you show me what needs added to the CSS below to fix? Many thanks, Frank

#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #46d4fe;
}
.phone-info span {
color:white !important;
font-size: 14px;
}
#scroll-top-link {
background-color: #001d5b;
color: white;
border-color: white;
}
#header #header_main_alternate .container {
height: 80px;
}
@media only screen and (min-width: 767px) {
#header #header_main_alternate .container {
height: 80px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 198px !important;
}
.logo img {
min-width:350px!important;
height:auto!important;
}

February 26, 2016 at 5:37 pm #589905

Topic: Mobile view different from desktop view

in forum Enfold

yes9310

Participant

Hi,

I’ve added some Quick CSS to make a two line menu and to display correctly on mobile. However, I also added CSS to make the social media icons top right of page to appear their regular colors facebook, twitter, instead of the theme gray color. Then on the primary color for links #d1000 (burgundy) for Primary color to underline the menu items.

However, when I view the site on mobile, the social media icons up top still appear gray and the 3 bars in the mobile menu appear as #d100000 (burgundy) instead of white like the menu links are. Can you please see attached screenshots and recommend how to change the 3 mobile menu bars to white, but leave he red underline on the desktop site menu and also to have the social media icons to appear the normal facebook, twitter colors as they do on the desktop site? I’ve included the Quick CSS I’m using now. Many thanks.

February 25, 2016 at 12:02 pm #588962

In reply to: How to create avia-content-slider for portfolio

Monique

Hi guys,

That is really a pitty :-(

The client decided to go for pagination, although it is not a good or preferred choice since the whole page will be reloaded each time you click next page and it starts again from top… The visitor then manually has to scroll down again to the portfolio slider.

Is there a solution when you click on next page, that the ‘new’ page automatically scrolls down to the portfolio slider again?

Thanks & regards,
Monique

February 20, 2016 at 8:33 pm #586523

In reply to: Responsive Screen Width

tgolas

Follow up: I did find a way to do this, but think it may not be the most elegant solution. If there is a simpler/better way, please let me know.

I added this to custom css and it worked.

/* #Mobile (Portrait)
================================================== */

@media only screen and (max-width: 800px) {

.responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
.responsive #top { overflow-x: hidden; }
.responsive .boxed#top, .responsive #top.boxed .stretch_full ,
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; }
.responsive #top .flex_column_table_cell{display: block;}
.responsive #top .flex_column_table{display:block;}

.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
margin: 0 auto;
padding-left:0;
padding-right:0;
float:none;
}
.responsive .units, .responsive .unit {
margin: 0;
}

.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}

.responsive #top #wrap_all .av-flex-cells .no_margin{
display: block;
margin: 0;
height:auto !important;
overflow: hidden;
padding-left:8% !important;
padding-right:8% !important;
}

.responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{
width: 100%;
max-width: 100%;
margin: 0 auto;
}

.responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{
padding-left:0% !important;
padding-right:0% !important;
}

.responsive #top #wrap_all .flex_column:empty{margin:0;}
}

February 19, 2016 at 7:15 am #585880

In reply to: HEADER with dfferents menus and logos in the same website

Hi,

Thanks, you can try the following shortcode:

[av_heading tag='h3' padding='10' heading='<strong>Hey there! This is an example of a 3 Column Ajax portfolio.<br />Once you click a portfolio item a preview will open & show you some more details.</strong>' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='10' custom_class=''][/av_heading]

[av_hr class='short' height='30' position='left']

[av_one_full first]

[av_portfolio columns='3' items='9' contents='title' preview_mode='auto' image_size='portfolio' linking='ajax' sort='yes' paginate='no']

[/av_one_full][av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='no-repeat' attach='scroll' padding='large' shadow='no-shadow']
[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='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='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='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_promobox button='yes' label='Learn More' link='page,750' link_target='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' icon_select='no' icon='25']
Enfold is freakishly powerful and so damn easy to use, its probably the last theme you will ever buy
[/av_promobox]
[/av_section]

You will need to activate debug mode to be able to paste the shortcode to your page: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

Thanks,
Rikard

February 18, 2016 at 7:11 am #585200

In reply to: Mailchimp look

Hi Zaccc,

If you enable debug mode in order to see shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

You can then copy paste this shortcode to a new page to get the look of that entire page, you can then delete the items you don’t want/need:

[av_fullscreen size='extra_large' animation='fade' autoplay='false' interval='5' control_layout='' scroll_down='aviaTBscroll_down']
[av_fullscreen_slide slide_type='image' id='548' position='center center' video='http://' mobile_image='' video_cover='' title='New spring edition for women and men now available' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Women’s Collection' button_color='theme-color' link1='product_cat,13' link_target1='' button_label2='Men’s Collection' button_color2='dark' link2='product_cat,13' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
The new beautiful spring collection, created by star designer Konrad Kries is now available.
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='547' position='top left' video='http://' mobile_image='' video_cover='' title='Start with us into the new season!' custom_title_size='40' custom_content_size='18' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='For Women' button_color='theme-color' link1='product_cat,12' link_target1='' button_label2='For Men' button_color2='dark' link2='product_cat,11' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
Those are the styles that you need for the next season. Make sure to grab your early bird coupon!
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='549' position='top left' video='http://' mobile_image='' video_cover='' title='Win a shopping trip<br/>with our styling experts' custom_title_size='40' custom_content_size='18' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='Sign up now!' button_color='dark' link1='page,76' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='']
Fancy doing something a little different this autumn? Win this great shopping trip to London! We pay for everything! 
All expenses including flight and a meal at a gourmet restaurant of your choice will be paid for!
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='551' position='center right' video='' mobile_image='' video_cover='' title='Winter Collection coming soon!' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='Yes, notify me!' button_color='dark' link1='manually,#sign-up' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
Want to get notified once the new winter collection by Georgio Adriani is released?
[/av_fullscreen_slide]
[/av_fullscreen]

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
NEW
WINTER COLLECTION
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
LATEST
STREET CLOTHES
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
FRESH
SPORTSWEAR
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
FUNKY
ACCECCOIRS
[/av_image]

[/av_cell_one_fourth]
[/av_layout_row]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_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_heading heading='Recent Top Sellers' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading]

[av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5']
[/av_section]

[av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_textblock size='' font_color='' color='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no']

[/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image_hotspot src='http://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile']
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9']
Hairdo by Roger Ramoni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53']
Glasses by Victor Secreni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4']
Nail polish by Sandra Sounders
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3']
"Red Velvet" Dress by Varia Vereni
[/av_image_spot]
[/av_image_hotspot]

[/av_cell_one_half]
[/av_layout_row]

[av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_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_one_half first]

[av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_icon_box]

[/av_one_half][av_one_half]

[av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
[/av_icon_box]

[/av_one_half][av_one_half first]

[av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_icon_box]

[/av_one_half][av_one_half]

[av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus.
[/av_icon_box]

[/av_one_half]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='sign-up' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#6786a1' overlay_pattern='' overlay_custom_pattern='']

[av_heading tag='h3' padding='10' heading='Want to stay up to date? Subscribe to our Newsletter!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_one_fifth first]

[/av_one_fifth][av_three_fifth]

[av_contact email=' (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form']
[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field]
[/av_contact]

[/av_three_fifth][av_one_fifth]

[/av_one_fifth][/av_section]

Cheers!
Rikard

February 17, 2016 at 5:22 pm #584852

Topic: Grid row height desktop vs. responsive

in forum Enfold

LepsienArtFoundation

Participant

Dear support team,

I’m using the grid row element to present some charts. The charts have a defined height and as I understand the grid row automatically adapts to that height. That’s fine.

Now I’ve decided to manually change the height of the grid row as it looks nicer when there is more space above and underneath the chart.
I defined this under “Minimum height” within the grid row element.

And here comes the problem:

The desktop view is just like expected, but the mobile view shows far too much space around the chart. You have to scroll too much to get to the next content.
How can I solve the problem and have a) more space on the desktop view and b) less space on the mobile version?

Thank you very much!
Best Sandra

___________________________

Hier auch gerne noch einmal kurz auf Deutsch:

Ich habe versucht beim Grid row Element die Höhe manuell zu verändern. Dazu habe ich die Einstellung “Minimum Height” genutzt. Mein Ziel war es, einer Grafik, die in das Grid reingeladen wurde, mehr Platz oben und unten zu geben. Das hat für die Desktopansicht auch wunderbar funktioniert.

Leider ergab sich dadurch aber in der mobilen Ansicht eine enorme Menge an leerem Raum.

Wie kann ich nun die Desktopansicht mit mehr Platz behalten und trotzdem in der mobilen Ansicht das Ganze straffen?

Vielen Dank!
Sandra

February 15, 2016 at 2:32 pm #583434

Topic: FullScreen with Animation (WP Layer Slider) and Scroll Down Arrow

in forum Enfold

andreas1969

Participant

Hi , I would like a Slider build the SAME Works – >DEMO ENFOLD SHOP

Can I get that with the on-board resources towards or do I have what programming ?

If that goes in the demo with the (1) fullscreen (including animation ) , (2) automatic height adjustment and the (3) “Scroll Down Arrow ” .

I get the not towards – a tip I would be very happy .
Thank you very much

WordPress 4.4.2
Enfold 3.4.7

Andreas

February 13, 2016 at 1:08 pm #582702

In reply to: Mega menu scrolling

Hi!

To make the mega menu scrollable please add the below code to Enfold > General Styling > Quick CSS
feel free to change the max-height to suit your needs.

#header .avia_mega_div {
    overflow: auto;
    max-height: 60vh;
}

Cheers!
Vinay Kashyap

February 10, 2016 at 12:33 am #580670

In reply to: Adding Margin to top of page

creatingartsco

Ok I think I am confusing myself. I just used this:

.boxed #wrap_all {
overflow: hidden !important;
}
#wrap_all {
margin-top: 40px;
overflow: hidden !important;
position: relative;
width: 100%;
z-index: 999;
}
This was able to achieve the margin at the top. But still its not hidden when scrolling.

The URL is http://www.cacstudios.com, I left the changed code it so you can see whats going on.

Thanks I owe you one.

NOT:
#top.boxed {
margin-top: 40px auto;
overflow: hidden
}
Which did nothing….

February 9, 2016 at 9:10 pm #580574

Topic: Adding Margin to top of page

in forum Enfold

creatingartsco

Participant

Ok I figured out how to add margin to the top of the page, issue now is that the overflow when you scroll is not hidden. I have tried using overflow: hidden; and its not working any suggestions. I want to use the background for advertising but the page is scrolling out the top of the #wrap_all) container. Any suggestions.

Been using this:
.boxed#top {
margin: 40px auto;
overflow: hidden; <—- this is not working
}

Thanks in advance for your help. Buying the person that figures this out a 6 pack of beer.
Todd

February 9, 2016 at 3:00 pm #580412

Topic: Icons not showing (data-av_icon empty)

in forum Enfold

tsluijter

Participant

I know this problem has numerous topics, but they do not solve my problem.

We have enfold on 2 websites. On one website the icons do show as normal.
On the other website the icons do not show at all.
I have tried lots of things suggested in other topics, like changing the .htaccess file, upload the files again in auto mode, check at the url for fetching the font files, change the file permissions. Nothing helps.

When i look at the two websites i notice that on one website the data-av_icon has a value and on the other website (where the icons are missing) does not have a value.
<a href="#top" title="Scroll naar bovenzijde" id="scroll-top-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" class="avia_pop_class"><span class="avia_hidden_link_text">Scroll naar bovenzijde</span></a>
versus
<a href="#top" title="Scroll naar bovenzijde" id="scroll-top-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" class="avia_pop_class"><span class="avia_hidden_link_text">Scroll naar bovenzijde</span></a>

Why doesn’t the data-av_icon in the last element have a value?

February 9, 2016 at 9:56 am #580229

In reply to: Autoplay YouTube video on scroll

Hey Chris!

What you are trying to do requires a lot of customization and we recommend hiring a freelancer since it is going to take much time to do this. An alternative is to search for a solution on sites like stackoverflow check out http://jsfiddle.net/zohf/Luoyon0x/ or http://stackoverflow.com/questions/15594881/triggering-a-video-autoplay-based-on-scroll-position

If you have more questions please feel free to get in touch with us.

Regards,
Vinay Kashyap

February 8, 2016 at 6:25 pm #579812

In reply to: customisation

neil henderson

Guest

hi, i really like the transparent menu option on enfold but had a couple of questions (and can you help me with these after purchase):

– is it easy to set up so top menu doesnt display when scrolling down
– i like the additional left hand nav that appears on the faq demo page (about us, blank pages etc) but where does this appear on a mobile device as cant find it when viewing???
– can you set whether mega many sub options are autoexpanded on a mobile device
– i need to create embeded maps with slightly more advanced features (so hover over to display a property graphic on a few points) – does your map feature do this or will it require a plug in?
– i really like the gallery next to the text – SOME ENFOLD CORE FEATURES
but is it easy to add a visible description on the main image of this and also a facebook share etc???
– lastly on the transparent menu homepage there are some icons at the bottom – is that an easy feature to replicate on the header graphic?

thanks in advance
neil

February 8, 2016 at 5:33 pm #579776

Topic: Autoplay YouTube video on scroll

in forum Enfold

Chris

Participant

I have a Fullwidth Easy Slider with a YouTube video in it. It has an option for autoplay, but I want to play it when the user scrolls past it (and not when the page loads, because it isn’t at the top). It isn’t so difficult to get the current location on the screen, but I can’t seem to find out how to trigger the video to play.

So, is there any way I can hook into the YouTube (or Medialement?) API and trigger play/pause myself? Or is there even a solution available to play videos when the user scrolls past them (actually past a certain place on the page)?

February 8, 2016 at 4:43 pm #579743

In reply to: How to set real size logo over layer slider

goodpixel

Yes but in this way when scroll down logo is over all. How can reduce it automatic with scroll?

February 5, 2016 at 4:25 pm #578562

In reply to: Missing #scroll-top-link

avwebmaster

Hi Vinay,

html.responsive, .responsive body {
    overflow-x: visible !important;
}

This value seems to be working. I tried auto but it hides the scroll to top link.

February 5, 2016 at 3:10 pm #578521

In reply to: Missing #scroll-top-link

Hey!

Since we cannot view the site it’s a shot in the dark…
but let me tell you overflow:hidden; will hide the elements that appear outside the div container
overflow:auto will make the content scrollable

Try the below code in Quick CSS
If this don’t solve the issue please use hidden in place of auto in the below code.


html.responsive, .responsive body {
    overflow-x: auto!important; 
}

Best regards,
Vinay Kashyap

February 5, 2016 at 3:35 am #578186

In reply to: Single post template with post slider and social share

masuurikas

I think I got it now : ) Actually, instead of 2 scripts I had to add 2 shortcodes in one script. So the script would look like this…

add_filter(‘ava_before_footer’, ‘ava_after_main_container_mod’, 20, 1);
function ava_after_main_container_mod($the_id) {
if(is_singular(‘post’)) {
$output = ‘<div id=”single-post-slider” class=”avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize”>’;
$output .= ‘<div class=”container”>’;
$output .= ‘<div class=”template-page content av-content-full alpha units”>’;
$output .= do_shortcode(“[av_heading heading='LOE VEEL: ' tag='h3' style='blockquote modern-quote modern-centered' size='23' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#222222'][/av_heading]“);
$output .= do_shortcode(“[av_postslider link='category,42,58,135,127,124,123,122,131' columns='4' items='-1' offset='0' contents='title' preview_mode='custom' image_size='portfolio' autoplay='no' interval='5']“);
$output .= do_shortcode(“[av_heading heading='MEIE TOOTED: ' tag='h3' style='blockquote modern-quote modern-centered' size='23' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#222222'][/av_heading]“);
$output .= do_shortcode(“[av_postslider link='portfolio_entries,137,168,169,170,171,172,138,179,136,139,140,100' columns='4' items='-1' offset='0' contents='title' preview_mode='custom' image_size='portfolio' autoplay='no' interval='5']“);
$output .= ‘</div>’;
$output .= ‘</div>’;
$output .= ‘</div>’;
echo $output;
}
}

February 4, 2016 at 7:40 am #577608

In reply to: Add Icon in exceprt field

michael_world2cycle

Hi Ismael,
As mentioned I did the following.
Via Appearance I selected ‘theme functions (functions.php)” scroll down and copy, paste the coding.

add_filter( ‘the_excerpt’, ‘shortcode_unautop’);
add_filter( ‘the_excerpt’, ‘do_shortcode’);

Just for me to clarify.
Did I need to post this coding in full in the exceprt field, as did was not what was mentioned previously.

And how do I need to combine this with the following coding (which is the shortcode for the Icon I would like to use)

[av_font_icon icon='ue8c7' font='entypo-fontello' style='' caption='' link='' linktarget='' size='40px' position='left' color=''][/av_font_icon]

February 4, 2016 at 6:37 am #577593

In reply to: Single post template with post slider and social share

masuurikas

Hi,

In my opinion I did exactly as you wrote. I renamed the function name, now also deactivated offset. Still, when I look at the post, I see only 1 slider there: http://www.oot-oot.com/en/nordic-lifestyle-blogs-read/

This is what I have in FUNCTIONS.PHP file:

1)
add_filter(‘ava_before_footer’, ‘ava_after_main_container_mod’, 20, 1);
function ava_after_main_container_mod($the_id) {
if(is_singular(‘post’)) {
$output = ‘<div id=”single-post-slider” class=”avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize”>’;
$output .= ‘<div class=”container”>’;
$output .= ‘<div class=”template-page content av-content-full alpha units”>’;
$output .= do_shortcode(“[av_postslider link='category,1,32,133,102,120,33,118,14' columns='4' items='8' offset='0' contents='title' preview_mode='auto' image_size='masonry' autoplay='no' interval='5']“);
$output .= ‘</div>’;
$output .= ‘</div>’;
$output .= ‘</div>’;
echo $output;
}
}

2)
add_filter(‘ava_after_postslider’, ‘ava_after_postslider_container_mod’, 20, 1);
function ava_after_postslider_container_mod($the_id) {
if(is_singular(‘post’)) {
$output = ‘<div id=”single-post-slider” class=”avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll container_wrap fullsize”>’;
$output .= ‘<div class=”container”>’;
$output .= ‘<div class=”template-page content av-content-full alpha units”>’;
$output .= do_shortcode(“[av_postslider link='category,100,140,139,136,138,172,171,170,169,168,137' columns='4' items='8' offset='0' contents='title' preview_mode='auto' image_size='masonry' autoplay='no' interval='5']“);
$output .= ‘</div>’;
$output .= ‘</div>’;
$output .= ‘</div>’;
echo $output;
}
}

February 4, 2016 at 6:18 am #577589

In reply to: How to setup frontpage like demo?

Hi combra,

If you enable debug mode in order to display shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then you can add the following shortcode your page to get the entire layout, you can then delete the elements you don’t want/need:

[av_fullscreen size='extra_large' animation='fade' autoplay='false' interval='5' control_layout='' scroll_down='aviaTBscroll_down']
[av_fullscreen_slide slide_type='image' id='548' position='center center' video='http://' mobile_image='' video_cover='' title='New spring edition for women and men now available' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button button-two' link='lightbox' link_target='' button_label='Women’s Collection' button_color='theme-color' link1='product_cat,13' link_target1='' button_label2='Men’s Collection' button_color2='dark' link2='product_cat,13' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
The new beautiful spring collection, created by star designer Konrad Kries is now available.
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='547' position='top left' video='http://' mobile_image='' video_cover='' title='Start with us into the new season!' custom_title_size='40' custom_content_size='18' caption_pos='caption_right' link_apply='button button-two' link='lightbox' link_target='' button_label='For Women' button_color='theme-color' link1='product_cat,12' link_target1='' button_label2='For Men' button_color2='dark' link2='product_cat,11' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
Those are the styles that you need for the next season. Make sure to grab your early bird coupon!
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='549' position='top left' video='http://' mobile_image='' video_cover='' title='Win a shopping trip<br/>with our styling experts' custom_title_size='40' custom_content_size='18' caption_pos='caption_center' link_apply='button' link='lightbox' link_target='' button_label='Sign up now!' button_color='dark' link1='page,76' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='']
Fancy doing something a little different this autumn? Win this great shopping trip to London! We pay for everything! 
All expenses including flight and a meal at a gourmet restaurant of your choice will be paid for!
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='551' position='center right' video='' mobile_image='' video_cover='' title='Winter Collection coming soon!' custom_title_size='40' custom_content_size='18' caption_pos='caption_left' link_apply='button' link='lightbox' link_target='' button_label='Yes, notify me!' button_color='dark' link1='manually,#sign-up' link_target1='' button_label2='' button_color2='light' link2='manually,http://' link_target2='' font_color='custom' custom_title='#2c2c2c' custom_content='#818181' overlay_opacity='0.1' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
Want to get notified once the new winter collection by Georgio Adriani is released?
[/av_fullscreen_slide]
[/av_fullscreen]

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='collections']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/winter-girl-small-495x400.jpg' attachment='551' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product,66' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
NEW
WINTER COLLECTION
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/couple-sitting-495x400.jpg' attachment='546' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,15' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
LATEST
STREET CLOTHES
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/girls-shopping-desat-495x400.jpg' attachment='549' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,12' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
FRESH
SPORTSWEAR
[/av_image]

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working-495x400.jpg' attachment='554' attachment_size='portfolio' align='center' animation='no-animation' styling='no-styling' hover='av-hover-grow' link='product_cat,10' target='' caption='yes' font_size='' appearance='' overlay_opacity='0.7' overlay_color='#6786a1' overlay_text_color='#ffffff']
FUNKY
ACCECCOIRS
[/av_image]

[/av_cell_one_fourth]
[/av_layout_row]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_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_heading heading='Recent Top Sellers' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading]

[av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5']
[/av_section]

[av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_heading tag='h3' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_textblock size='' font_color='' color='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[av_productgrid columns='3' items='6' offset='0' sort='0' paginate='no']

[/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_image_hotspot src='http://kriesi.at/themes/enfold-shop/files/2015/03/lady-in-blue.jpg' attachment='556' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile']
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,65' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='6.5,56.9']
Hairdo by Roger Ramoni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,257' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='19.8,53']
Glasses by Victor Secreni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,262' hotspot_color='custom' custom_bg='#6786a1' custom_font='#ffffff' custom_pulse='' hotspot_pos='38.9,58.4']
Nail polish by Sandra Sounders
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='product,495' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='70,54.3']
"Red Velvet" Dress by Varia Vereni
[/av_image_spot]
[/av_image_hotspot]

[/av_cell_one_half]
[/av_layout_row]

[av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_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_one_half first]

[av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_icon_box]

[/av_one_half][av_one_half]

[av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
[/av_icon_box]

[/av_one_half][av_one_half first]

[av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_icon_box]

[/av_one_half][av_one_half]

[av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus.
[/av_icon_box]

[/av_one_half]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='sign-up' color='main_color' custom_bg='' src='http://kriesi.at/themes/enfold-shop/files/2015/03/hipster-girls-working.jpg' attachment='554' attachment_size='full' attach='parallax' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#6786a1' overlay_pattern='' overlay_custom_pattern='']

[av_heading tag='h3' padding='10' heading='Want to stay up to date? Subscribe to our Newsletter!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_one_fifth first]

[/av_one_fifth][av_three_fifth]

[av_contact email=' (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form']
[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field]
[/av_contact]

[/av_three_fifth][av_one_fifth]

[/av_one_fifth][/av_section]

Thanks,
Rikard

February 3, 2016 at 6:18 pm #577231

In reply to: Full screen slider text cut off on mobile

Hi!

You have more content than the screen height we will need to scroll the content please use this modified version of the above code this will make the content scroll in small screens.


@media screen and (max-width: 767px) {
.caption_bottom .slideshow_caption .slideshow_inner_caption { 
	padding: 0px !important; 
	max-height: 70vh!important;
	overflow: auto!important;

}
}

Regards,
Vinay

February 3, 2016 at 10:30 am #577014

In reply to: Table problem and menu adjusting

Habafed

Thank you that is good information. I found out though that we are talking about different tables, I see the element now but the way we put the tables is by copying them from word into a text element, since it’s a whole program we have to put on the site. Is there a way to fix that without having to type all of the program’s into a table element?

(another small question: is there a way to make an arrow on the mobile theme to scroll up automaticly?)

Thanks for all the help!

February 3, 2016 at 9:01 am #576977

In reply to: http://kriesi.at/themes/enfold-shop/about/ howto?