-
AuthorSearch Results
-
February 28, 2022 at 12:37 pm #1342537
In reply to: sticky submenu in mobile
Hi @spooniverse,
Yes, you would need to find following in menu.js file
if( burger_menu.is(":visible") ) { this.css({top: 'auto', position: 'absolute'}); fixed = false; return; }and change it to following in your child theme
if( burger_menu.is(":visible") && (scrolled + modifier > top_pos) ){ this.css({top: header.Height() , position: 'fixed !important'}); fixed = true; }Best regards,
YigitFebruary 10, 2022 at 2:28 pm #1339988In reply to: Ideal with for responsive color-section paralax
Hey Jak73,
Thank you for the inquiry.
To make it a bit simple, the width of the image should be close to that of the standard screen resolutions (1920x1080px, 1600x900px), and should have an aspect ratio of 16:9. The image should also exceed the height of the color section to get that subtle image delay when scrolling the document. But please note that the parallax script in the theme will handle the image resizing automatically based on the size of the color section, so you don’t really have to worry about the exact image size.
You can check the image in the private field to get an idea on how big the image should be in a parallax color section. The image is used in one of the demo with the parallax effect. And in case you didn’t know, you can also use the Layer Slider to create a parallax effect.
Best regards,
IsmaelFebruary 10, 2022 at 6:16 am #1339899In reply to: Accordion Toggle Not Working
I removed the following code (Mike’s post) from functions.php and then replaced the shortcodes.js file with the latest from the Enfold download which has helped – I can open one toggle only but then any following toggles automatically scroll to the top of the page every time.
function wp_change_shortcodesjs() {
wp_dequeue_script( ‘avia-shortcodes’ );
wp_enqueue_script( ‘avia-shortcodes-child’, get_stylesheet_directory_uri().’/js/shortcodes.js’, array(‘jquery’), 2, true );
}
add_action( ‘wp_print_scripts’, ‘wp_change_shortcodesjs’, 100 );Any further suggestions?
PS– there is second Accordion element on the home page that shows exactly the same behaviour.-
This reply was modified 3 years, 11 months ago by
ellamac.
February 7, 2022 at 5:41 pm #1339411In reply to: Scroll postion one page mobile
Hi Ismael,
Looks ok for now. Thanks.
Can you re.open the topic:
https://kriesi.at/support/topic/fixed-sticky-header-on-mobile-iphone/Due to this code, Yigit shared with me, the scroll function is on mobile has a defect. After I clicked on a menu point and I wish up and down, it automatically changes the position.
February 2, 2022 at 5:49 am #1338369This reply has been marked as private.January 21, 2022 at 7:39 am #1336484In reply to: Cookiefenster ist bei mobiler Ansicht abgeschnitten
Hi,
We cannot reproduce the issue on our end. The popup container scrolls down to the very bottom and we are able to access the very last tab or toggler without any issue. We provided a screenshot in the private field.
If you want, we can adjust the height of the popup container to make the privacy tabs more accessible. Please add this code in the Quick CSS field.
.av-inline-modal { max-height: 95vh; overflow: auto; }Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
IsmaelJanuary 18, 2022 at 11:42 am #1336005alainbruant
ParticipantDear support,
I am running Enfold 4.8.8.1 and WordPress 5.8.3
Since 6 months approx, the first image on “easyslider” object in my pages is not displayed when the page is loaded.
I tried to disable all plugins : no change
I changed “easyslider” Advanced settings to “Do not use lazyloading” : no change
I changed automating scrolling with a duration of 3 sec : no scrolling, blank image
In any case, if I use the left or right arrow to change the slide and, after that, images are displayed.You can see the problem at link #1:
below “Cursus AB inter NET work” and below ” Cursus Belden” there are 2 “easyslider” in the big space between these titles and the fixed images (the orange Cursus Ab inter net work” and the blue fixed image ‘cursus Belden”Another page : link #2
Easyslider is used to display a full sized intro image (only one slide) which is never displayed.
On the previous link, to avoid this problem, I used “Advanced LayerSlider” with only one slide and the image is correctly displayed.It was working fine in the past (at least, in march last year) but I discovered that after an upgrade (don’t know if it was WP or Enfold – as I upgrade them automatically). Was hoping this to be solved in a future release of Enfold, but new versions are coming and my bug is still there.
Can you help solve this issue ?
best regardsAlain
January 15, 2022 at 7:36 pm #1335711In reply to: Scroll blocked
This reply has been marked as private.January 12, 2022 at 7:23 am #1335194In reply to: Option to make Elements a "sticky header"
Hi,
It sounds like the block editor is currently enabled. Have you tried reverting back to the classic editor? Because when the classic editor is active, it is possible to set the Advance Layout Builder to full screen, which will automatically set the elements panel to be fixed or make it stick to the top of the builder while scrolling. Please check the screenshot in the private field.
Thank you for your patience.
Best regards,
IsmaelDecember 3, 2021 at 3:34 am #1331371In reply to: Using Magnific Popup modal make page scrolls up
Hey Kyle,
Thanks for the link to your site but the login didn’t work for me, nonetheless try this function in your functions.php instead:function popup_inline_with_no_scroll() { ?> <script> (function($) { $(window).on('load', function(){ $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action("wp_head", "popup_inline_with_no_scroll");Then clear your browser cache and any cache plugin, and check.
Best regards,
MikeDecember 1, 2021 at 3:54 pm #1331181Topic: anchors strange behaviour – scrolling to anchor not precise
in forum EnfoldGePu
Participantdear Kriesi-Team!
I have some issues with anchors but didn´t find the correct solution yet.
I use anchors as individual links in a submenu of the main navigation so that the visitor of the site can scroll through the page or he can jump (from anywhere) to the correct position of the site.
Well it works only when I am allready on the subsite wich uses the anchor. Then it scrolls automatically to the correct position using the anchor BUT when the visitor was on the main page and uses the main navigation to jump to the anchor the position is not correct.
I tried to use the anchor-URL without the last Slash for the individual link in the main navigation (www.website.com/subsite#anchor) > then the issue is the other way arround, meaning it will work via the main navigation but WONT WORK when the visitor is allready on the subsite with the anchor (then it scrolls not far enough).
Really strange, especially when it works fine with all the other anchors on the website only one is causing the issue.
So if you wanna test it:
this is the faulty anchor: https://www.schmiedeamravelsbach.at/impressionen/#inspirationen
…test it by first surfing to: https://www.schmiedeamravelsbach.at and then click on IMPRESSIONEN and in the submenu on INSPIRATIONEN > scrolls not far enough
when you then go to BILDERGALERIE (scrolls up) and then again on INSPIRATIONEN > scrolls down to correct position of the anchorHelp is appreciated :-)
funfact: it occurs when using firefox or safari but not when using edge….????
-
This topic was modified 4 years, 1 month ago by
GePu.
November 30, 2021 at 4:41 am #1330911In reply to: Not the same view on the IPad-pro
Hi Angèle,
Thanks for giving us admin access.
We have modified the CSS code with this one:@media only screen and (max-width: 1366px) { .flex_cell.avia-full-contain { background-size: auto 70% !important; background-attachment: scroll !important; background-position: 0 50% !important; } } @media only screen and (max-width: 980px) { .flex_cell.avia-full-contain { background-size: auto 60% !important; } }Please review your site.
Best regards,
NikkoNovember 26, 2021 at 8:00 am #1330551In reply to: Adding a "login/logout" icon on menu
Hi,
Thank you for the update.
Try to remove the image from the menu item temporarily, then use this css code to insert an icon font inside the login menu item. The icon font should automatically switch color when the header changes or when scrolling down or up.
#menu-item-8683 a:before { font-family: 'entypo-fontello'; content: ""; font-size: 26px; } #menu-item-8683 .avia-menu-text { display: none; }Best regards,
IsmaelNovember 24, 2021 at 6:42 pm #1330357Topic: scrolling down automatically
in forum Enfoldcovert spain
ParticipantHI, in a few urls, suddenly… when visiting the page, automatically …. scrolls to the bottom of the page without clicking anywhere, srolls down to the end of the page… footer.
Can you pls help?
in almost all pages except the home pageeverything is up to date and start happening automatically….
many thanksRicardo
November 21, 2021 at 9:31 am #1329830In reply to: Sucherweiterung anpassen
And because of event.which is deprecated ( i erased that function above ) use better:
( on child-theme functions.php )function disable_enter_key(){ ?> <script type="text/javascript"> (function($) { $(document).on('keypress keydown keyup', '#searchform', function(e) { if(e.keyCode == 13) { e.preventDefault(); return false; } }); })(jQuery); </script> <?php } add_action('wp_footer', 'disable_enter_key');by the way: on small screens ( mobile devices ) the ajax response list maybe too big for the screen. On default – it is not scrollable that window:
#top #searchform .ajax_search_response { max-height: calc(100vh - 200px); /* test it with fitting settings */ overflow-y: auto; height: auto; }disadvantage: maybe you do only hamper enter key on desktop devices ! because on my mobile the text input will be closed by enter key ;)
so maybe that line above to replace by:
$(document).on('keypress keydown keyup', 'html:not(.avia_mobile) #searchform', function(e) {November 13, 2021 at 1:17 pm #1328866In reply to: Where to put a code behind button
Hi,
Glad to hear this helped, to prevent the popup scroll try adding this code to the end of your functions.php file in Appearance ▸ Editor:function prevent_popup_scroll() { ?> <script> (function($) { $(window).on('load', function(){ $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'prevent_popup_scroll');Best regards,
MikeOctober 27, 2021 at 3:22 pm #1326713Topic: Header Widget / Widget Header / responsiv ?
in forum EnfoldJui
ParticipantHi,
wir haben ein Header Widget wie in Ihrer Beschreibung umgesetzt, es funktioniert auch.
Jetzt soll es responsiv werden, 50% Verkleinerung oder in Pixel.
Wie setzen wir das um?we have implemented a header widget as in your description, it works too.
Now it should be responsive, 50% reduction or in pixels.
How do we do that?Hier der CSS Code des Widget.
/************************************ Widget header *************************************/ #header .widget { position:absolute!important; left:5%!important; top:0px!important; } #header.header-scrolled .widget { position:absolute!important; left:5%!important; top:-30px!important; } #header.responsive .widget { width:50px; height:auto; } #header.header-scrolled .widget img { width:30px; height:auto; }October 26, 2021 at 8:58 am #1326451Hey domchocolate,
Thank you for the inquiry.
We have checked the lightbox on a browser device emulation and it seems to be working correctly. If you need to prevent the document from scrolling and make sure that the container appears at the center of the document, please try to replace the script with the following code.
function av_open_inline_popup(){ ?> <script type="text/javascript"> (function($) { $(window).on('load', function(){ $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'av_open_inline_popup');Thread: https://kriesi.at/support/topic/lightbox-17/
Best regards,
IsmaelOctober 25, 2021 at 11:06 pm #1326400This reply has been marked as private.October 17, 2021 at 8:26 pm #1325321Hey WebDevDept,
Thank you for your patience, as I understand your situation you would like to have some 1/2 column background videos with text blocks next to them like in a checkerboard pattern, tested using a grid row element with text on one side and a code block on the other with an html code for a background video.
This is the backend view:

this is the frontend view:

the html is based on this codepen, and if you are using the Avia Layout Builder Debugger you can add my test page to your site to examine with this shortcode:[av_heading heading='Below a grid row element is used' tag='h3' style='' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kuvig2gc' sc_version='1.0' admin_preview_bg=''][/av_heading] [av_layout_row border='' min_height_percent='' min_height_pc='25' min_height='0' color='main_color' mobile='av-flex-cells' mobile_breaking='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-5o6ocv' sc_version='1.0'] [av_cell_one_half av_uid='av-4at75r'] [av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kuvihovt' sc_version='1.0' admin_preview_bg=''] This is 1/2 of the grid row, the other half has a background video. [/av_textblock] [/av_cell_one_half][av_cell_one_half vertical_align='top' padding='0px' padding_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' custom_class='' template_class='' av_uid='av-2ohsgf' sc_version='1.0'] [av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='' alb_description='' id='' custom_class='' template_class='' av_uid='av-kuvijbtf' sc_version='1.0'] <style> /* video background */ #background-video { height: 100%; width: 100%; object-fit: cover; z-index: -1; } /* page content */ p.text { color: #fff; font-weight: bold; text-align: center; font-size:2em; } span.text { top: 30vh; position: absolute; z-index: 5; left: 30%; width: 50%; } @media (max-width: 750px) { #background-video { display: none; } body { background: url("https://assets.codepen.io/6093409/river.jpg") no-repeat; background-size: cover; } } </style> <video id="background-video" autoplay loop muted poster="https://assets.codepen.io/6093409/river.jpg"> <source src="https://assets.codepen.io/6093409/river.mp4" type="video/mp4"> </video> <span class="text"> <p class="text">THIS IS A RIVER.</p> <p class="text">How majestic.</p> </span> [/av_codeblock] [/av_cell_one_half] [/av_layout_row]Hopefully this helps.
Best regards,
MikeOctober 13, 2021 at 1:11 pm #1324741In reply to: Fullwidth Submenu Active text Underlined
Hi,
Thank you for your patience and for the screencast, to add a menu item hover please try this css:#sub_menu1 #menu-main-menu a:hover { display: inline-block; visibility: visible; border-bottom: 2px solid #fff; background: transparent !important; opacity: 1; padding-bottom: 6px; }I tested the scrolling issue and the jump occurs when the sub-menu position is changed from absolute to fixed, this is part of the script for the sticky sub-menu and this added script doesn’t programmatically affect this, it measures the height and distance of the element. I say “programmatically” but strange things can happen.
Anyways I stared at this for a long time scrolling up & down & reviewing your video, and I believe that this is based on the manual scroll speed. When I test with & without the script (on Chrome & Windows 10) if I scroll slowly the jump is almost not there and is the same with & without the script, but if I test quickly the jump really shows, but it seems to be the same with & without the script. I note that in your video the test without the script was slow, and the test with the script was fast.
So for me it was hard to be consistent manually scrolling, so I tested with this script which waits 2 seconds for the pages to load then scrolls down 1200px over 2 seconds, so it’s slow. I also adjusted the speed to 1 second so it was faster and 5 seconds so it was very slow. I did this with & without the script enabled, and in all cases the behavior was the same.
This was the test script if you would like to try in your your functions.php file:function scroll_test_script() { ?> <script> (function($) { setTimeout(function () { $('html, body').animate({scrollTop: (1200)}, 2000); }, 2000); }(jQuery)); </script> <?php } add_action('wp_footer', 'scroll_test_script');Please see the videos below.
So I guess I don’t really have a solution for you, but considering that the auto scroll test went so well perhaps there is a script to force a slower mouse wheel scroll, but perhaps that would just frustrate users?Best regards,
MikeSeptember 27, 2021 at 8:38 pm #1322540In reply to: Youtube video not blocked properly
Is it too complicated for you to implement?
maybe this is better – ( as mentioned above – the second button had to be not an anchor link leading to an id of a color-section or something like this )function inline_popup_youtube_link() { ?> <script type="text/javascript"> (function($){ $(window).on('load', function () { $('.custom-class').find('a[href^="#"]').addClass('no-scroll'); $('.custom-class').magnificPopup({ delegate: 'a[href^="#"]', type:'inline', midClick: true, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'inline_popup_youtube_link', 9999);Borlabs can block iframes – see : Borlabs – Content Blocker – Youtube :

This is the shorcode i put inside a div – and set for the div a class : mfp-hide
This class is the magnificPopup class that is set to display: none
With that code above – every anchor link that starts with “#” inside that custom-class ( you can have every other name for it ) will open in a lightbox. In this case it is that youtube film – blocked by borlabs cookie til you consent.
The button itself is linking to manual #youtube-film ( this had to correlate with the div ID that you like to open )<div id="youtube-film" class="mfp-hide">[borlabs-cookie id="youtube" type="content-blocker"]<iframe width="100%" height="800" src="https://www.youtube-nocookie.com/embed/Uzjt3fvIlnY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>[/borlabs-cookie]</div>September 24, 2021 at 6:33 am #1322115In reply to: Youtube video not blocked properly
well – borlabs offers an iframe option.
- something like this placed on that page in a codeblock element:
<div id="youtube-film" class="mfp-hide">[borlabs-cookie id="youtube" type="content-blocker"]<iframe width="100%" height="800" src="https://www.youtube-nocookie.com/embed/Uzjt3fvIlnY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>[/borlabs-cookie]</div>
The mfp-hide class will ensure that the div in the codeblock isn’t visible. - your button is linking to that ID: #youtube-film ( if you got more than one film – each got his own id ) for each a unique div with that id (could be in the same codeblock)
- Give a custom-class to your button!
- Then you had to make your own magnificPopup script to open that class in an inline popup ;)
the custom-class as trigger withmidclick=true, type= 'inline', delegate: 'a',as option
Link
maybe you include in that script outside that magnificPopup function
$('.custom-class').find('a').addClass('no-scroll');
PS: it will work – but with two buttons on that slider we had to find better selectors ! otherwise the second button will be triggered too.as mentioned above give a custom-class in this case to the slider
function inline_popup_youtube_link() { ?> <script type="text/javascript"> (function($){ $(window).on('load', function () { $('.custom-class').find('a[href*="youtube"]').addClass('no-scroll'); $('.custom-class').magnificPopup({ delegate: 'a[href*="youtube"]', type:'inline', midClick: true, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'inline_popup_youtube_link', 9999);PPS: because the link isn’t really a youtube link ( remember the link goes to that div with ID: #youtube-film )
if you like to use it on other places – the ID must have a string with “youtube” maybe you can name them #youtube-1, #youtube-2 etc.OR choose as selector: for the anchor :
a[href^="#"]( replace it on both lines ) – it means the link starts with #
But then the second button in the slider must not be an anchor link of the page. This would also fall into the trigger.
________
Das dort die Vorschaubilder von Youtube gezeigt werden in einer lokalen Version ( daher meine Frage oben ) – wird bei dir nicht der Fall sein !
Es wird das Standard Borlabs Preview image gezeigt werden.
Da habe ich ordentlich borlabs und youtube kenntnisse mit eingebracht und eigene Scripte geschrieben.September 15, 2021 at 11:54 am #1321021In reply to: Tab-Section: all tabs closed
Hey emilconsor,
Thank you for the inquiry.
You will have to directly modify the enfold/config-templatebuilder/avia-shortcodes/tab_section/tab_section.php file. Look for this code around line 567.
/** * Bugfix: Set no-scroll to avoid auto smooth scroll when initialising tab section and multiple tab sections are on a page - removed in js. */ $active_tab = $i == $atts['initial'] ? 'av-active-tab-title no-scroll' : '';Above it, add this code to set the initial tab to zero.
$atts['initial'] = 0;Best regards,
IsmaelSeptember 10, 2021 at 5:06 am #1320320Hi Sirpa,
You can use this shortcode for the page you linked to:
[av_section min_height='100' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' scroll_down='aviaTBscroll_down' id='sign-up' color='main_color' custom_bg='' src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/park-place.png' attachment='133' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.7' overlay_color='#6a9fd5' overlay_pattern='' overlay_custom_pattern='' av_uid='av-18ti74'] [av_three_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-bottom' space='no_margin' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='left-to-right' av_uid='av-4fo8g'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/snacks1_blur.png' attachment='164' attachment_size='full' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' av_uid='av-17jhsk'][/av_image] [/av_three_fifth][av_two_fifth min_height='av-equal-height-column' vertical_alignment='av-align-bottom' space='' margin='0px' margin_sync='true' padding='20px' padding_sync='true' border='' border_color='' radius='3px' radius_sync='true' background_color='rgba(0,0,0,0.4)' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='right-to-left' av_uid='av-173dgw'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/logo_landing-page1.png' attachment='31' attachment_size='full' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='top-to-bottom' av_uid='av-16ishw'][/av_image] [av_heading tag='h2' padding='0' heading='By far the easiest and best way to <strong>launch a product or service</strong>' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='28' subheading_active='' subheading_size='15' custom_class='' av_uid='av-15ygv0'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-156oxs'] [av_contact email='' title='' button='Sign up' on_send='' sent='Thanks for registering! Your Beta invitation will be sent to the email address you provided.' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-light-form' av_uid='av-14umlo'] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_two_third' multi_select='' av_uid='av-148zl8'][/av_contact_field] [/av_contact] [/av_two_fifth] [/av_section] [av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='features' av_uid='av-13d01o'] [av_cell_two_fifth vertical_align='middle' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-12w2k0'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-dtdw'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue806' font='entypo-fontello' title='Great Taste' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-11rnjg'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-114tpc'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue891' font='entypo-fontello' title='Easy Recycling' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-10hsgk'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-zv5vk'] [av_icon_box position='right_content' boxed='av-no-box' icon='ue8cf' font='entypo-fontello' title='Easy Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-zkr6o'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justordiet a, venenatis vitae, justo. [/av_icon_box] [/av_one_full][/av_cell_two_fifth][av_cell_one_fifth vertical_align='bottom' padding='40px,0px,0px,0px' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-z4bfw'] [av_image src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/snacks_single_blue.png' attachment='159' attachment_size='full' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='pop-up' av_uid='av-y947s'][/av_image] [/av_cell_one_fifth][av_cell_two_fifth vertical_align='middle' padding='30px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' av_uid='av-xucqg'] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-x1d50'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8d3' font='entypo-fontello' title='Multiple Flavors' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-389ys'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-w02us'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue8cd' font='entypo-fontello' title='Mostly Water' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-vfo20'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_icon_box] [/av_one_full][av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-33ew0'] [av_icon_box position='left_content' boxed='av-no-box' icon='ue80a' font='entypo-fontello' title='Helps your body' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' av_uid='av-u7pyg'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justordiet a, venenatis vitae, justo. [/av_icon_box] [/av_one_full][/av_cell_two_fifth] [/av_layout_row] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='customers' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='center right' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_uid='av-tla8o'] [av_heading tag='h2' padding='0' heading='What our customers say' color='' style='blockquote modern-quote modern-centered' custom_font='' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-t0buc'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-sfwqg'] [av_testimonials style='slider_large' columns='2' interval='10' font_color='' custom_title='' custom_content='' av_uid='av-rsfr0'] [av_testimonial_single src='168' name='Maci Mulsta' subtitle='CEO' link='#' linktext='Supra Media' av_uid='av-r15yk'] 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. [/av_testimonial_single] [av_testimonial_single src='169' name='Sandra Funk' subtitle='Designer' link='#' linktext='Acomp' av_uid='av-qfnnk'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/av_testimonial_single] [/av_testimonials] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='pricing' color='main_color' custom_bg='' src='https://test.kriesi.at/product-signup/wp-content/uploads/sites/8/2015/10/park-place.png' attachment='133' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#576270' overlay_pattern='' overlay_custom_pattern='' av_uid='av-q65iw'] [av_heading tag='h2' padding='0' heading='Fair pricing. No hidden costs. Cancel anytime' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-pcuw8'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-oympc'] [av_one_fifth first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-obrv4'] [/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='' av_uid='av-2cpjo'] [av_table purpose='pricing' pricing_table_design='avia_pricing_minimal' pricing_hidden_cells='' caption='' responsive_styling='avia_responsive_table' av_uid='av-mouvk'] [av_row row_style='avia-heading-row' av_uid='av-m5ru8'][av_cell col_style='' av_uid='av-loqho']Basic Package[/av_cell][av_cell col_style='' av_uid='av-l0c68']Full Package[/av_cell][/av_row] [av_row row_style='avia-pricing-row' av_uid='av-kkevc'][av_cell col_style='' av_uid='av-jqg38']12$<small>per month</small>[/av_cell][av_cell col_style='' av_uid='av-j6cv4']24$<small>per month</small>[/av_cell][/av_row] [av_row row_style='' av_uid='av-iz3oc'][av_cell col_style='' av_uid='av-ibojk']1 shipment each week[/av_cell][av_cell col_style='' av_uid='av-hgbzs']2 shipments each week[/av_cell][/av_row] [av_row row_style='' av_uid='av-h6ogo'][av_cell col_style='' av_uid='av-gahwc']1 drink included[/av_cell][av_cell col_style='' av_uid='av-fw1ao']5 drinks included[/av_cell][/av_row] [av_row row_style='' av_uid='av-f6qc8'][av_cell col_style='' av_uid='av-eksak']no support[/av_cell][av_cell col_style='' av_uid='av-e2b8w']free support[/av_cell][/av_row] [av_row row_style='avia-button-row' av_uid='av-dmi9k'][av_cell col_style='' av_uid='av-1at48'][av_button label='Subscribe now' link='manually,#sign-up' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-c7jrw'] [/av_cell][av_cell col_style='' av_uid='av-bo6h4'][av_button label='Subscribe now' link='manually,#sign-up' link_target='' size='medium' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av_uid='av-ashw0'] [/av_cell][/av_row] [/av_table] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-aifuo'] [/av_one_fifth] [/av_section] [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='faq' 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_uid='av-a0pi4'] [av_heading tag='h2' padding='0' heading='Frequently asked questions' color='' style='blockquote modern-quote modern-centered' custom_font='' size='35' subheading_active='' subheading_size='15' custom_class='' av_uid='av-93ogk'][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-uiuo'] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-7y28g'] [av_heading tag='h3' padding='10' heading='How does the beta trial work?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-7pdck'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-6r5mw'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis <a href="#">dis parturient</a> montes, nascetur ridiculus mus. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-63yu4'] [av_heading tag='h3' padding='10' heading='Can I change plans later?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-5in0g'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-4z0as'] Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis <strong>pretium</strong>. Integer tincidunt. [/av_textblock] [/av_one_half][av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-4rfro'] [av_heading tag='h3' padding='10' heading='How do you handle delivery?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-40ln4'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-39ptg'] Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. <strong>Aliquam lorem</strong> ante, dapibus in, viverra quis, feugiat a, tellus. [/av_textblock] [/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='pop-up' av_uid='av-2hpn0'] [av_heading tag='h3' padding='10' heading='Which payment options do I have?' color='' style='blockquote modern-quote' custom_font='' size='' subheading_active='' subheading_size='15' custom_class='' av_uid='av-87zw'][/av_heading] [av_textblock size='14' font_color='' color='' av_uid='av-1lf50'] Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. [/av_textblock] [/av_one_half][/av_section][av_button_big label='Sign Up Now' description_pos='below' link='manually,#sign-up' link_target='' icon_select='yes-left-icon' icon_hover='aviaTBicon_hover' icon='ue805' font='entypo-fontello' custom_font='#ffffff' color='custom' custom_bg='#576270' color_hover='custom' custom_bg_hover='#f4ca86' av_uid='av-sri4'] And get access to our early beta! [/av_button_big]The element in your screenshot is a custom element created by us, there are no shortcodes for that element unfortunately.
Best regards,
RikardAugust 8, 2021 at 7:37 pm #1315133In reply to: Page Scroll Up on Accordion Click
Hey Mohamad,
Thank you for your patience, can you please check the toggle “WHAT ARE THE 3 VOUCHERS GRANTED WITH THE COURSE?” as the content is not showing, perhaps there is a nested div error causing the issue.
Also can you include an admin login I would like to disable this script temporarily:jQuery(window).load(function(){ jQuery('.open-popup-link').addClass('no-scroll'); jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { jQuery('body').css("overflow-y", "hidden"); }, close: function() { jQuery('body').css("overflow-y", "auto"); }, }, }); });Can you also link to a couple of similar pages where this is not happening, on those pages are the toggles at the top of the page?
Best regards,
MikeAugust 6, 2021 at 2:27 am #1314729Hello! Sorry for the delay. I’ve hacked things a bit but one item remains – when mobile, the logo reverts back to the non transparent version. Here’s all of my code (functions.php and css), to help others as well:
functions.php
//-------------------------------- // hack to use trans logo //-------------------------------- function custom_script() { ?> <script> (function ($) { $(window).load(function() { $("#top.page-id-932 #header").addClass('av_header_transparency'); $('#top.page-id-932 .logo').append('<span class="subtext"><img src="https://oneoakaustin.com/wp-content/uploads/2021/07/One-Oak-Bouldin-Creek-logo-transparent.svg" class="alternate" alt="Corporate logo" title=""></span>'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_script');and my css:
/************************************************** logo swap hack in functions.php addition - home option page - 932 #header_main bg needs to be transparent **************************************************/ #top.page-id-932 #header.av_header_transparency, #top.page-id-932 .av_header_transparency #header_main { /* background: rgba(0, 0, 0, 0.5)!important; */ } /* force main bg on scrolling */ #top.page-id-932 .header_color .header_bg { /* background: #4a4747!important; dk mushroom */ } /* force pancake lines closed */ #top.page-id-932 .header_color .av-hamburger-inner, #top.page-id-932 .header_color .av-hamburger-inner::before, #top.page-id-932 .header_color .av-hamburger-inner::after { background-color: #c6b193 !important; /* taupe */ } /* force widget custom reg button */ #top.page-id-932 #header.header_color #header_main .widget a.buW2 { border: 1px solid #f2efee !important; /* off white */ color: #f2efee !important; /* off white */ background: #4a4747!important; /* dk mushroom */ margin-right: 50px !important; margin-top: 43px !important; width: 300px !important; } /* force pages to have a different bg after scrolling */ .page-id-932 #header_main { background: #4a4747!important; /* dk mushroom */ } /* custom main menu for alternate - before and after scrolling */ #top .page-id-932 .av-main-nav>li.current-menu-item>a>.avia-menu-text, #top .page-id-932 .av-main-nav>li.current-page-ancestor>a>.avia-menu-text { color: red!important; } #top .page-id-932 .av-main-nav li a:hover .avia-menu-text, #top .page-id-932 .av-main-nav li.current-menu-item > a > .avia-menu-text { color: blue !important; } #top .page-id-932 .av-main-nav>li.current-menu-item>a>.avia-menu-text, #top .page-id-932 .av-main-nav>li.current-page-ancestor>a>.avia-menu-text { color: blue !important; } /* smallest portrait phones *************************************************/ @media only screen and (max-width: 767px) { /* start max 767 */ #top.page-id-932 .responsive .logo img, .responsive.html_mobile_menu_tablet #top.page-id-932 .av_header_transparency.av_alternate_logo_active .logo a > img { height: 50px !important; width: auto!important; max-width: 100%; display: block; margin: 0px !important; /* max-height: 120px!important; */ } /* end max 767 */ }August 3, 2021 at 8:54 am #1314091Topic: Accordion toggles go to top of page
in forum EnfoldRoberta
ParticipantHi there,
When clicking on the accordion toggles to expand its content, the page automatically scrolls to the top of the page (and therefore doesn’t show the actual content within the toggle and users have to scroll back down to go to the section. An example of this behavior can be found here: https://wearesrna.org/nmosd-drugs/eculizumab-soliris/
Not sure whether this has to with the previous update. We have been using accordions before and this has never happened. Would you be able to help, please?
Thank you,
RobertaJuly 26, 2021 at 5:26 pm #1312481In reply to: Circle of death
I have tried disabling all of the plugins and that did not work. I keep seeing this error. That seems to be an ajax error, no?
[DOM] Found 5 elements with non-unique id #_ajax_nonce: (More info: https://goo.gl/9p2vKq) input#_ajax_nonce input#_ajax_nonce input#_ajax_nonce
accept: “”
accessKey: “”
align: “”
alt: “”
ariaAtomic: null
ariaAutoComplete: nullaria
Busy: null
ariaChecked: null
ariaColCount: null
ariaColIndex: null
ariaColSpan: nullaria
Current: null
ariaDescription: null
ariaDisabled: null
ariaExpanded: null
ariaHasPopup: null
ariaHidden: null
ariaKeyShortcuts: null
ariaLabel: null
ariaLevel: null
ariaLive: null
ariaModal: null
ariaMultiLine: null
ariaMultiSelectable: null
ariaOrientation: null
ariaPlaceholder: null
ariaPosInSet: null
ariaPressed: null
ariaReadOnly: null
ariaRelevant: null
ariaRequired: null
ariaRoleDescription: null
ariaRowCount: null
ariaRowIndex: null
ariaRowSpan: null
ariaSelected: null
ariaSetSize: null
ariaSort: null
ariaValueMax: null
ariaValueMin: null
ariaValueNow: null
ariaValueText: null
assignedSlot: null
attributeStyleMap: StylePropertyMap {size: 0}
attributes: NamedNodeMap {0: type, 1: id, 2: name, 3: value, type: type, id: id, name: name, value: value, length: 4}
autocapitalize: “”
autocomplete: “”
autofocus: false
baseURI: “https://globalvitiligofoundation.org/wp-admin/post.php?post=11&action=edit&classic-editor=1”
checked: false
childElementCount: 0
childNodes: NodeList []
children: HTMLCollection []
classList: DOMTokenList [value: “”]
className: “”
clientHeight: 0
clientLeft: 0
clientTop: 0
clientWidth: 0
contentEditable: “inherit”
dataset: DOMStringMap {}
defaultChecked: false
defaultValue: “29d1b59ebe”
dir: “”
dirName: “”
disabled: false
draggable: false
elementTiming: “”
enterKeyHint: “”
files: null
firstChild: null
firstElementChild: null
form: form#post
formAction: “https://globalvitiligofoundation.org/wp-admin/post.php?post=11&action=edit&classic-editor=1”
formEnctype: “”
formMethod: “”
formNoValidate: false
formTarget: “”height: 0
hidden: false
id: “_ajax_nonce”
incremental: false
indeterminate: false
innerHTML: “”
innerText: “”
inputMode: “”
isConnected: true
isContentEditable: false
labels: nulllang: “”
lastChild: nulllastElementChild: nulllist: nulllocalName: “input”max: “”maxLength: -1min: “”minLength: -1multiple: falsename: “_ajax_nonce”namespaceURI: “http://www.w3.org/1999/xhtml”nextElementSibling: nullnextSibling: nullnodeName: “INPUT”nodeType: 1nodeValue: nullnonce: “”
offsetHeight: 0offsetLeft: 0offsetParent: nulloffsetTop: 0offsetWidth: 0onabort: nullonanimationend: nullonanimationiteration: nullonanimationstart: nullonauxclick: nullonbeforecopy: nullonbeforecut: nullonbeforepaste: nullonbeforexrselect: nullonblur: nulloncancel: nulloncanplay: nulloncanplaythrough: nullonchange: nullonclick: nullonclose: nulloncontextmenu: nulloncopy: nulloncuechange: nulloncut: nullondblclick: nullondrag: nullondragend: nullondragenter: nullondragleave: nullondragover: nullondragstart: nullondrop: nullondurationchange: nullonemptied: nullonended: nullonerror: nullonfocus: nullonformdata: nullonfullscreenchange: nullonfullscreenerror: nullongotpointercapture: nulloninput: nulloninvalid: nullonkeydown: nullonkeypress: nullonkeyup: nullonload: nullonloadeddata: nullonloadedmetadata: nullonloadstart: nullonlostpointercapture: nullonmousedown: nullonmouseenter: nullonmouseleave: nullonmousemove: nullonmouseout: nullonmouseover: nullonmouseup: nullonmousewheel: nullonpaste: nullonpause: nullonplay: nullonplaying: null
onpointercancel: nullonpointerdown: nullonpointerenter: nullonpointerleave: nullonpointermove: nullonpointerout: nullonpointerover: nullonpointerrawupdate: nullonpointerup: nullonprogress: nullonratechange: nullonreset: nullonresize: nullonscroll: nullonsearch: nullonseeked: nullonseeking: nullonselect: nullonselectionchange: nullon
selectstart: nullonstalled: nullonsubmit: nullonsuspend: nullontimeupdate: nullontoggle: nullontransitioncancel: nullontransitionend: nullontransitionrun: nullontransitionstart: nullonvolumechange: nullonwaiting: nullonwebkitanimationend: nullonwebkitanimationiteration: nullonwebkitanimationstart: nullonwebkitfullscreenchange: nullonwebkitfullscreenerror: nullonwebkittransitionend: nullonwheel: nullouterHTML: “<input type=\”hidden\” id=\”_ajax_nonce\” name=\”_ajax_nonce\” value=\”29d1b59ebe\”>”outerText: “”ownerDocument: documentparentElement: td.leftparentNode: td.leftpart: DOMTokenList [value: “”]pattern: “”placeholder: “”prefix: nullpreviousElementSibling: div.submitpreviousSibling: div.submitreadOnly: falserequired: falsescrollHeight: 0scrollLeft: 0scrollTop: 0scrollWidth: 0selectionDirection: nullselectionEnd: nullselectionStart: nullshadowRoot: nullsize: 20slot: “”spellcheck: truesrc: “”step: “”style: CSSStyleDeclaration {additiveSymbols: “”, alignContent: “”, alignItems: “”, alignSelf: “”, alignmentBaseline: “”, …}tabIndex: 0tagName: “INPUT”textContent: “”title: “”translate: truetype: “hidden”useMap: “”validationMessage: “”validity: ValidityState {valueMissing: false, typeMismatch: false, patternMismatch: false, tooLong: false, tooShort: false, …}value: “29d1b59ebe”valueAsDate: nullvalueAsNumber: NaNwebkitEntries: []webkitdirectory: falsewidth: 0willValidate: false[[Prototype]]: HTMLInputElement input#_ajax_nonce input#_ajax_nonce
July 23, 2021 at 7:20 pm #1311965In reply to: problem embedding iframe
Rikard do you know if there is a way to set the height to be automatic based on the height of the content?
This doesn’t seem to work:
<iframe src=”https://www.gettingthereguide.com/latest_info” width=”100%” height=”100%” scrolling=”no” allowfullscreen=”allowfullscreen”></iframe>
-
This reply was modified 3 years, 11 months ago by
-
AuthorSearch Results
-
Search Results
-
Dear support,
I am running Enfold 4.8.8.1 and WordPress 5.8.3
Since 6 months approx, the first image on “easyslider” object in my pages is not displayed when the page is loaded.
I tried to disable all plugins : no change
I changed “easyslider” Advanced settings to “Do not use lazyloading” : no change
I changed automating scrolling with a duration of 3 sec : no scrolling, blank image
In any case, if I use the left or right arrow to change the slide and, after that, images are displayed.You can see the problem at link #1:
below “Cursus AB inter NET work” and below ” Cursus Belden” there are 2 “easyslider” in the big space between these titles and the fixed images (the orange Cursus Ab inter net work” and the blue fixed image ‘cursus Belden”Another page : link #2
Easyslider is used to display a full sized intro image (only one slide) which is never displayed.
On the previous link, to avoid this problem, I used “Advanced LayerSlider” with only one slide and the image is correctly displayed.It was working fine in the past (at least, in march last year) but I discovered that after an upgrade (don’t know if it was WP or Enfold – as I upgrade them automatically). Was hoping this to be solved in a future release of Enfold, but new versions are coming and my bug is still there.
Can you help solve this issue ?
best regardsAlain
dear Kriesi-Team!
I have some issues with anchors but didn´t find the correct solution yet.
I use anchors as individual links in a submenu of the main navigation so that the visitor of the site can scroll through the page or he can jump (from anywhere) to the correct position of the site.
Well it works only when I am allready on the subsite wich uses the anchor. Then it scrolls automatically to the correct position using the anchor BUT when the visitor was on the main page and uses the main navigation to jump to the anchor the position is not correct.
I tried to use the anchor-URL without the last Slash for the individual link in the main navigation (www.website.com/subsite#anchor) > then the issue is the other way arround, meaning it will work via the main navigation but WONT WORK when the visitor is allready on the subsite with the anchor (then it scrolls not far enough).
Really strange, especially when it works fine with all the other anchors on the website only one is causing the issue.
So if you wanna test it:
this is the faulty anchor: https://www.schmiedeamravelsbach.at/impressionen/#inspirationen
…test it by first surfing to: https://www.schmiedeamravelsbach.at and then click on IMPRESSIONEN and in the submenu on INSPIRATIONEN > scrolls not far enough
when you then go to BILDERGALERIE (scrolls up) and then again on INSPIRATIONEN > scrolls down to correct position of the anchorHelp is appreciated :-)
funfact: it occurs when using firefox or safari but not when using edge….????
Topic: scrolling down automatically
HI, in a few urls, suddenly… when visiting the page, automatically …. scrolls to the bottom of the page without clicking anywhere, srolls down to the end of the page… footer.
Can you pls help?
in almost all pages except the home pageeverything is up to date and start happening automatically….
many thanksRicardo
Hi,
wir haben ein Header Widget wie in Ihrer Beschreibung umgesetzt, es funktioniert auch.
Jetzt soll es responsiv werden, 50% Verkleinerung oder in Pixel.
Wie setzen wir das um?we have implemented a header widget as in your description, it works too.
Now it should be responsive, 50% reduction or in pixels.
How do we do that?Hier der CSS Code des Widget.
/************************************ Widget header *************************************/ #header .widget { position:absolute!important; left:5%!important; top:0px!important; } #header.header-scrolled .widget { position:absolute!important; left:5%!important; top:-30px!important; } #header.responsive .widget { width:50px; height:auto; } #header.header-scrolled .widget img { width:30px; height:auto; }Hi there,
When clicking on the accordion toggles to expand its content, the page automatically scrolls to the top of the page (and therefore doesn’t show the actual content within the toggle and users have to scroll back down to go to the section. An example of this behavior can be found here: https://wearesrna.org/nmosd-drugs/eculizumab-soliris/
Not sure whether this has to with the previous update. We have been using accordions before and this has never happened. Would you be able to help, please?
Thank you,
Roberta
