-
Search Results
-
In reply to: Downloading page Consulting
In reply to: jQuery for GoogleMap no scrolling
Hi Ismael,
i have a google map implemented in an iframe and wrapped it in a div container:
<div class="map-container"> <iframe width="100%" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps/ms?msa=0&ie=UTF8&vpsrc=6&fll=49.490124,10.798531&fspn=0.013297,0.034332&st=109146043351405611748&rq=1&ev=zo&split=1&sll=48.850258,13.178101&sspn=2.754455,8.453979&q=&msid=215565028450110778478.0004aad8bd13a7b82a4a0&ll=48.810481,11.310425&spn=2.17056,3.839722&z=8&output=embed"></iframe> </div>I also use this css to activate the pointer-event only when the container is clicked:
.map-container iframe{ width: 100%; pointer-events: none; } .map-container iframe.clicked{ pointer-events: auto; }Thank you for the missing part in my JS. It now seems to work as expected.
Best,
DennisIn reply to: Scaling for my website
Hey Victoria,
The css I have right now is this: also because I needed the search bar in the logo header.
What can I remove to fix this?@media only screen and (min-width: 990px) and (max-width: 1220px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } } a.slide-image { display: none!important; } .slide-content .slide-meta { display: none; } .avia-content-slider .slide-entry-title { font-size: 20px!important; text-transform: uppercase; color: white !important; height: 60px; } .html_elegant-blog .av-vertical-delimiter { display: none !important; } .avia-content-slider { font-size: 13px!important; color: white !important; } #top .avia-slideshow-arrows a.prev-slide { opacity: 1; left: 130px; top: -60px; background: #139eda; color: white; } #top .avia-slideshow-arrows a.next-slide { opacity: 1; right: 130px; top: -60px; background: #139eda; color: white; } .avia-content-slider { overflow: visible; } #top #header .av-main-nav > li { padding-left: 30px; padding-right: 30px; } @media only screen and (max-width: 767px) { .responsive #top .logo { width: auto; } } #top .avia-slideshow-arrows a:before { background-color: transparent; } #scrollpijl { background-color: transparent !important; } #header-home { background-color: transparent !important; } .av-main-nav > li > a { padding: 0 9px; } #header.av_header_transparency { background-color: transparent; } #top #wrap_all #footer .flex_column p{ font-size: 12px !important; } .breadcrumb { font-size: 10px !important; color: #139eda !important; } .breadcrumb { font-size: 10px !important; color: #0670b7 !important; } .inner_sidebar { margin-top: 20px !important; } @media only screen and (max-width: 767px) { .av-burger-menu-main{ left:300px!important; } #menu-item-search{ left:80px!important; } .logo img{ width:80%!important; }} .av-main-nav-wrap, .main_menu { width: 100% !important; margin-left: -21px !important; } #header .widget { width: 20%; position: relative; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { #header .widget { width: 100%; position: absolute; left: 10%; top: 100px; }} #header .widget:nth-child(1) { left: 80%; padding-top: 25; position: absolute; top: 0; transform: translate(-50%); z-index: 999; } #header .widget:nth-child(2) { left: 50%; padding-top: 15; position: absolute; top: 0; transform: translate(-50%); z-index: 999; } @media screen and (max-width: 800px) { #header .widget:nth-child(1) { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } } @media screen and (max-width: 800px) { #header .widget:nth-child(2) { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } }Hello,
When I go to edit a page the Avia editor never appears–the spinner spins indefinitely. If I scroll to near the bottom of the editor page, I see the following:
Warning: Illegal string offset 'shortcodehandler' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 480 Warning: Illegal string offset 'modal_title' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 481 Warning: Illegal string offset 'modal_ajax_hook' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 482 Warning: Illegal string offset 'dragdrop-level' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 483 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 484 Warning: Invalid argument supplied for foreach() in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/generic-helper.class.php on line 320 Warning: Illegal string offset 'shortcodehandler' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 480 Warning: Illegal string offset 'modal_title' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 481 Warning: Illegal string offset 'modal_ajax_hook' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 482 Warning: Illegal string offset 'dragdrop-level' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 483 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 484 Warning: Illegal string offset 'modal_on_load' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 495 Warning: Invalid argument supplied for foreach() in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/generic-helper.class.php on line 320 Warning: Illegal string offset 'shortcodehandler' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 480 Warning: Illegal string offset 'modal_title' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 481 Warning: Illegal string offset 'modal_ajax_hook' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 482 Warning: Illegal string offset 'dragdrop-level' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 483 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 484 Warning: Illegal string offset 'modal_on_load' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 495 Warning: Invalid argument supplied for foreach() in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/generic-helper.class.php on line 320 Warning: Illegal string offset 'shortcodehandler' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 480 Warning: Illegal string offset 'modal_title' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 481 Warning: Illegal string offset 'modal_ajax_hook' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 482 Warning: Illegal string offset 'dragdrop-level' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 483 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 484 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 488 Warning: Illegal string offset 'allowed-shortcodes' in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 489 Fatal error: Uncaught Error: Cannot use string offset as an array in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php:489 Stack trace: #0 /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php(443): aviaShortcodeTemplate->create_sortable_editor_element(Array) #1 /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/template-builder.class.php(397): aviaShortcodeTemplate->prepare_editor_element() #2 /home/public/wp-includes/class-wp-hook.php(286): AviaBuilder->js_template_editor_elements('') #3 /home/public/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters('', Array) #4 /home/public/wp-includes/plugin.php(465): WP_Hook->do_action(Array) #5 /home/public/wp-includes/media-template.php(1347): do_action('print_media_tem...') #6 /home/public/wp-includes/class-wp-hook.php(286): wp_print_media_templates('') #7 /home/public/wp-includes/class-wp-hook.php(310): WP_Ho in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php on line 489I also got an email from Word Press that reads:
Howdy! Since WordPress 5.2 there is a built-in feature that detects when a plugin or theme causes a fatal error on your site, and notifies you with this automated email. In this case, WordPress caught an error with your theme, Enfold. First, visit your website ([redacted]) and check for any visible issues. Next, visit the page where the error was caught ([redacted]) and check for any visible issues. Please contact your host for assistance with investigating this issue further. If your site appears broken and you can't access your dashboard normally, WordPress now has a special "recovery mode". This lets you safely login to your dashboard and investigate further. [redacted] To keep your site safe, this link will expire in 1 day. Don't worry about that, though: a new link will be emailed to you if the error occurs again after it expires. Error Details ============= An error of type E_ERROR was caused in line 489 of the file /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php. Error messag\ e: Uncaught Error: Cannot use string offset as an array in /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php:489 Stack trace: #0 /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/shortcode-template.class.php(443): aviaShortcodeTemplate->create_sortable_editor_element(Array) #1 /home/public/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/template-builder.class.php(397): aviaShortcodeTemplate->prepare_editor_element() #2 /home/public/wp-includes/class-wp-hook.php(286): AviaBuilder->js_template_editor_elements('') #3 /home/public/wp-includes/class-wp-hook.php(310): WP_Hook->apply_filters('', Array) #4 /home/public/wp-includes/plugin.php(465): WP_Hook->do_action(Array) #5 /home/public/wp-includes/media-template.php(1347): do_action('print_media_tem...') #6 /home/public/wp-includes/class-wp-hook.php(286): wp_print_media_templates('') #7 /home/public/wp-includes/class-wp-hook.php(310): WP_HoPlease help! Much obliged,
RichardIn reply to: Product tabs automatically scrolling up on click
Hi,
When i click on a tab name, the page scrolls up, so the user has to scroll down again to view the content. See link for example. I have already contacted the plugin developer and he thinks its a problem with the Enfold theme.
This is because of the smooth scroll feature of the theme. All links containing anchors will automatically scroll to their corresponding container. You can find that script in the js > avia.js file.
//smooth scrolling if($.fn.avia_smoothscroll) $('a[href*="#"]', container).avia_smoothscroll(container);You can either disable that script altogether or exclude the custom product tabs.
Best regards,
IsmaelThank you @guenni007! The function to make the lightbox scroll automatically works great! I’m going to try to convince my customer to start the lightbox by clicking a pic in the gallery instead of the auto link but I’ll try your suggestion is I need to
Thanks for your help!
Beth
In reply to: wider centered logo, transparent glassy header
Not on scroll — I said depending on the browser width. Anyway, I toke another crack at it and found something that seems to work — here it is, including all my media queries, in case it helps anyone. Let me know if you think there’s a simpler/better way — again, this is for https://atlanticspecialtycoffee.com/
/* WIDER LOGO - STICKY HEADER & TRANSPARENT ON HOME PAGE */ div .logo { float: none; position: relative; } .logo a img { margin: 0 auto; width: 850px; } .logo img.alternate { position: relative; top: -95px; } @media only screen and (max-width: 1200px) and (min-width: 990px) { .logo a img { width: 670px; margin: 10px auto; } .logo img.alternate { top: -85px; } } @media only screen and (max-width: 989px) and (min-width: 768px) { .html_header_top.html_logo_center .logo { left: 0; -webkit-transform: none; transform: none; } .responsive .logo img { width: 600px; margin: 12px auto; } } @media only screen and (max-width: 900px) and (min-width: 768px) { .responsive .logo img { width: 450px; margin: 20px auto; } } @media only screen and (max-width: 767px) { .responsive .logo img { width: 400px; } }Hello,
I installed a plugin called Custom Product Tabs for WooCommerce by Yikes.
When i click on a tab name, the page scrolls up, so the user has to scroll down again to view the content. See link for example. I have already contacted the plugin developer and he thinks its a problem with the Enfold theme.
I have tried turning off all plugins (except woocommerce and the tabs plugin) but it didn’t make a difference.
Any help you can give me would be appreciated.
In reply to: Fullscreen slider on mobile devices
Hello,
If I can help someone, the Ismael option didn’t work for me, but this simple CSS worked fine in iphone X, without touching anything else:@media only screen and (max-width: 767px){
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-size: auto 767px !important;
background-attachment: scroll !important;
}
}In reply to: Pricelist autoscroll on Opera Browser on Iphone
Hey DesignProvider,
Sorry for the late reply, this seems to be an opera browser issue, so there is not much we can do to correct this.Best regards,
MikeHi,
i’m reporting that the pricelist in sushimiyabi.it is autoscrolling to start/end section in opera browser (iphone). It’s very boring for visitors that have not enough time to read before autoscroll…
How can i disable that?
In other browsers, android devices in everything good…Topic: foto immer komplett zeigen
Hallo,
ich arbeite an der Aktualisierung meiner Webseite.
Nun meine Frage, und ich kann mir fast denken, dass es was sehr einfaches ist, ich finde es nur nicht.
Wie kann ich erzwingen, dass man die Bilder immer komplett sieht. Die Bilder also automatisch je nach Bildschirm verkleinert werden, ohne, dass gescrollt werden muss.
Auf der Seite unten funktioniert dies auf keineren Bildschirmen, auf meinem Laptop muss ich jedoch scrollen.
Vielen Dank für eure Hilfe!!!Topic: Glassy Header issues
Hello! I have some problems with the glassy header on my Home page.
I use a sticky header that is shrinking when scrolling down. I also have a phone info bar on top.1. I don’t want the phone info bar to be transparent. How can I change the transparency of it (only for the phone info bar, not the whole header)?
2. The other pages are not set to Glassy Header and seem to overlap the content and I can’t tell why. I only want the Header on the Home page to be Glassy. On the other pages I only want the shrunk header to be glassy/transparent (This works right now, the only problem is the overlap)
Here is all the CSS I haved used on my website so far:
.container.av-logo-container { margin-bottom: 10px; } .container.av-logo-container { margin-top: 10px; } #top .main_menu .menu li > a { padding-top: 0px !important; } #top .social-bookmarks > a { padding-right: 10px !important; } #top .social_bookmarks { top: 0px !important; } .phone-info { font-size: 17px; } .avia-caption-title, .avia-caption-content { background: rgba(98,154,206,.8) !important; padding: 20px; } .avia-caption-title{ display: inline-block !important; } .avia-caption-content{ width: 100%; } .avia-caption-content p{ margin: 0; } .caption_bottom .slideshow_caption{ bottom: 20px !important; } #slideshow_big .slideshow_caption { width: auto; } .slideshow_align_caption { text-align:middle !important; } .header-bg, .header_bg { opacity: 0.6 !important; background: white !important; }The full-width easy slider automatically scrolls and there doesn’t appear to have any way of pausing or stopping the slider and restarting as needed. is there any way to do this.
The site under construction. So please login to the dashboard to access the website.
Hi,
We would like to apologize for the late response.
We disabled the header transparency on tablet view by adding the following css code. The anchor now lands above or scrolls to the corresponding sections properly.
@media only screen and (max-width: 1024px) and (min-width: 768px) { .responsive.html_mobile_menu_tablet #top #wrap_all #header { position: relative; width: 100%; float: none; height: auto; margin: 0 !important; opacity: 1; min-height: 0; } #top .av_header_glassy.av_header_transparency .header_bg { background-color: #fff; opacity: 0.1; filter: alpha(opacity=10); } #top .av_header_glassy.av_header_transparency #header_main { background-color: #ffffff; } #top .av-submenu-container.av-sticky-submenu { position: absolute !important; } }Best regards,
IsmaelIs there a way for Enhold to display image captions to all product images?
I’ve tried the css from: https://kriesi.at/support/topic/how-do-you-put-a-caption-below-an-image/ with no success–but I didn’t see captions anywhere, so I was thinking there may be something else awry here.
.av-image-caption-overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; bottom: -20px !important; color: black !important; height: auto !important; left: 50% !important; transform: translate(-50%) !important; width: auto !important; }Thanks!
In reply to: Anchor Links Not Scrolling to Tab Section Tabs
In reply to: update template
Hi Theo
It’s exactly what I thought. So the code for your background currently looks like this:
background: #fff url('https://grondenafbraakwerkenjohny.be/grondenafbraakwerkenjohny.be/wp-content/uploads/2018/08/1.jpg') center center no-repeat scroll; }And obviously this does not work – I don’t know the theme does that magic here…
To fix it please download this CSS file via FTP:
/wp-content/cache/autoptimize/css/autoptimize_single_b3e52351746114ae1b5fcd8c47db49ea.css
a) Edit it, and replace the URL with https://grondenafbraakwerkenjohny.be/wp-content/uploads/2018/08/1.jpg
b) Upload the fixed CSS file again to the same directory where you downloaded it from.For the other website, navigate to this file with FTP:
/wp-content/cache/autoptimize/css/autoptimize_single_a1f021c35e306af62ad542b953a83766.css
a) Replace the URL with https://ibglaswerken.be/wp-content/uploads/2018/08/glaswerken-IB-header.jpg
b) Upload it again and it should work again.I hope you are familiar with FTP, otherwise a moderator needs to help here I guess.
I hope this helps :)Best,
MichaelHi,
Thanks for the update.
Try to adjust the scroll offset value to adjust where the auto scroll lands when you click on the submenu item.
// https://kriesi.at/support/topic/link-in-footer-to-anchor/#post-970924
Adding a higher offset value means that it will scroll above the default position and lower value creates the opposite effect.
Best regards,
IsmaelHey your forum automatically replaces http with https in code snippets. That is weird. In my code snippet posted above the path is
.alternate_color {
background: #719430 url(https://brandenburgische-akademie.de/wp-content/themes/enfold/images/background-images/floral-light.png) top center repeat scroll;In reply to: Advanced Layer Slider on mobile touchscreen devices
This link is all about video autoplay, all I’m trying to get to work is simple text to appear over the background image, which I can’t believe is restricted by bandwidth limitation. Anyway, the text does appear, it just needs prompting with a scroll of the screen. Can someone please give me answer/solution worthy of the £100 I’ve spent on this theme so far – and please bear in mind it’s taken six days to get two responses.
N PIn reply to: Advanced Layer Slider on mobile touchscreen devices
On my iPad Air, my Lenovo tablet and my phone, when the homepage appears the sliders don’t autostart like they do on my desktop pc. I have to scroll the screen to make the text start to appear. Did the text appear on your device without having to touch the screen?
Cheers
Neil
Greetings,
I’m trying to create a Q&A information section on a client’s website. The Accordion/Toggle element is exactly what I need, except for one thing–my client really wants there to be images with each question. Unfortunately, the Accordion/Toggle element is text only.
I am experimenting with placing linked images above the Accordion element, linked with the anchor (e.g., #toggle-id-1) associated with the proper section of the Accordion element. Clicking the linked image does indeed trigger the Accordion, but it also causes the page to scroll down to the question instead of just staying where it is.
Is there a way to use an image, such that when you click it, it triggers the Accordion to toggle open, without any automatic scrolling? I want the Accordion to work exactly the way it normally does, but triggered by clicking the image, instead of by clicking the question on the Accordion element.Hi there,
As you know, many of us use Enfold along with the real estate plugin called Optima Express by iHomefinder to display home listings on our sites.
They have rolled out a new search functionality called “Eureka Search” on their plugin and demo site which I would like to implement. It features a sticky map which is supposed to stick to the top of the screen as the user scrolls through listings. They are saying that Enfold has a conflict with this behavior and that I should come to you with a support request. I told them that this seems more like a plugin issue since the behavior also exists when I switch to default WordPress 2019 theme. Their response was that it works with the WordPress 2015 theme (!).
Knowing that there are other Enfolders (is that a word?) using this real estate plugin, I imagine this will come up for others as well, so I am working with them to try to solve it. They gave me the below code which I have no idea what to do with, but thought I would pass it along in case it makes sense to one of you. (pasted below)
I am wondering if this is something you want to take a look at so that Enfold continues to be compatible with iHomefinder / Optima Express?
Thanks,
Robcode:
<script type=”text/javascript”>
window.onload = function() {
let eurekaContainer = document.getElementsByTagName(“ihf-search”)[0];
if (eurekaContainer != undefined) {
overflow(eurekaContainer);
}
function overflow(element) {
while(element) {
var style = window.getComputedStyle(element)
if((style.overflowY == ‘hidden’ && style.overflowX == ‘hidden’) || (style.overflowY == ‘auto’ && style.overflowX == ‘auto’)) {
element.setAttribute(‘style’, “overflow: visible;”)
}
if(style.overflowY == ‘hidden’ || style.overflowY == ‘auto’) {
element.setAttribute(‘style’, “overflow-y: visible;”)
}
if((style.overflowX == ‘hidden’ || style.overflowX == ‘auto’) && (element.tagName != ‘html’ || element.tagName != ‘body’)) {
element.setAttribute(‘style’, “overflow-x: visible;”)
}
element = element.parentElement;
}
}
}
</script>
Hello,
my website(s) show HTML code now (customer view) and the Enfold editor isn’t shown/usable. The is only a lot of HTML code shown.
I’m not sure if the problem is the WP update to 5.X or installation of plugin Yast SEO (in meantime deinstalled, but problem stays).
In the meantime I switched to the classic editor again, but had no effect.
I’m not experienced with WP, used a homepage builder before, but switched to WP Hosting and Enfold Theme for more possibilities.
Here a short description of my system landscape:
# 1&1 WordPress Hosting
# Multisite:
4 Websites with different Designs
# Plugins/Themes:
– WP MultiPurposeTheme “Enfold V.4.5” mit Avia Layout Builder (instead of the standard WP editor)
– DuplicatePost
– BackWPup
– a3 Lazy LoadExample of failure (shown to endusers on website):
RALF WERKLE<br /> – Der VäterErMuTiger -<br /><br /><br /><br /><br />Working on the websites, the Enfold Editor isn’t shown any more, but HTML-Coding:
<p>[av_headline_rotator before_rotating='RALF WERKLE' after_rotating='' multiline='aviaTBmultiline' interval='7' animation='fade' margin='' margin_sync='true' tag='h1' size='3vw' align='center' custom_title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' av_uid='av-jo4k6qs8' admin_preview_bg='']<br />[av_rotator_item title=' - Der VäterErMuTiger -' link='' linktarget='' custom_title='' av_uid='av-3kl8xf']<br />[av_rotator_item title=' - Väter- und MännerMentor -' link='' linktarget='' custom_title='' av_uid='av-3fmxy3']<br />[av_rotator_item title='- Vater werden ist nicht schwer, Vater sein dagegen sehr -' link='' linktarget='' custom_title='' av_uid='av-38offf']<br />[av_rotator_item title='- Ziel ist es, das unnötige Leiden in den Familien zu beenden. Durch Befähigung und Bewusstwerdung von Vätern, Müttern, Eltern! -' link='' linktarget='' custom_title='' av_uid='av-b1amb']<br />[av_rotator_item title='' link='' linktarget='no' custom_title='' av_uid='av-2wx9mr']<br />[/av_headline_rotator][av_fullscreen size='extra_large' image_attachment='' animation='slide' conditional_play='' autoplay='true' interval='5' control_layout='av-control-default' scroll_down='aviaTBscroll_down' av_uid='av-jo4skv92']<br />[av_fullscreen_slide id='422' av_uid='av-2ovsc3'][/av_fullscreen_slide]<br />[av_fullscreen_slide id='419' av_uid='av-2ms5cb'][/av_fullscreen_slide]<br />[av_fullscreen_slide id='421' av_uid='av-2dr8kz'][/av_fullscreen_slide]<br />[av_fullscreen_slide id='418' av_uid='av-28jqkz'][/av_fullscreen_slide]<br />[av_fullscreen_slide id='406' av_uid='av-207vtv'][/av_fullscreen_slide]<br />[av_fullscreen_slide id=’407′
…
…I’m not sure what to do. I thought about updating the enfold theme, but did the mistake not to use the enfold child theme.
Therefore I expect the loss of my developments with an update to higher version.
What do you recommend? Can s.b. assist my with transferring the developments to the enfold child theme before upgrading?
What is the best way and the next steps?Thanks in advance.
BR, Ralf.In reply to: can the menu can open in left side on mobile mode
Hi,
Sorry for the late reply, when I looked at your site I didn’t see the search icon that you wanted to move to the right, can you enable it so we can test?
For having your burger menu open on the left, I see right now it’s sliding across the screen, please try this css instead to have it appear on the left side:.html_av-overlay-side .av-burger-overlay-scroll { right: auto; left: 0; } .html_av-overlay-side .av-burger-overlay-scroll { -webkit-transform: translateX(-10px)!important; transform: translateX(-10px)!important; } .av_font_icon.av-icon-style-inline { float: none!important; display: inline-block!important; vertical-align: middle!important; margin: 0 8px!important; }Best regards,
MikeHi,
I’m having an issue with the menu that overlaps the content. It’s easier to show than to explain:
1. When you go to (is is our temporary url) https://comsampleq-pepet.savviihq.com you see the navigation bar. The first 2 item link to anchor ID’s on the homepage. as you can see they work fine and nothings goes wrong.
2. The third option ‘contact’ links to a separate page. please click on it.
3. When you then go back via the navigation first or second option. you automatically see the section it points to, this is also correct.
4. But when you scroll up you see that the menu overlaps the content. and when you scroll down the same height which overlaps the content above is extra underneath the content and the footer.I really don’t know how to fix this. I hope you guys have an idea.
I’ve tried changing the top content on the page, but this doesn’t matter. I’ve checked and unchecked the stickyness of the header, this also doesn’t matter. I’ve added login credentials so you can take a look at it if you want.Please help!
In reply to: Text and Headline scroll over effect
Everything is in the code – just look:
here is the layout – working with codeblock element ( Deactivate schema.org markup ) means no additional containers.
what is the codeblock element input:
and the surrounding color-section got custom-class: fixed-heading<div class="mask"> <div class="mask__content"> <div class="container is-full"> <div class="teaser is-centered"> <div class="teaser__title"> <h2 class="is-h2">Your Text</h2> <h2 class="is-h1">A next line</h2> </div> </div> </div> </div> </div>your input for quick css:
.mask { height:400px; } @supports ((-webkit-clip-path:polygon(0 -1px,0 calc(100% + 1px),100% calc(100% + 1px),100% -1px)) or (clip-path:polygon(0 -1px,0 calc(100% + 1px),100% calc(100% + 1px),100% -1px))) { .mask { -webkit-clip-path:polygon(0 -1px,0 calc(100% + 1px),100% calc(100% + 1px),100% -1px); clip-path:polygon(0 -1px,0 calc(100% + 1px),100% calc(100% + 1px),100% -1px); clip:rect(0,auto,auto,0) } body:not(.is-noscroll) .mask { position:relative } .mask .mask__content { position:fixed } .mask .mask__content { top:50vh } } .mask__content { position:absolute; width:100%; left:0; transform:translateY(-50%); z-index:20; top:50% } .fixed-heading .content { padding: 0 !important; } h2.is-h2 { text-align: center !important; font-size: 36px; font-weight: normal; text-transform: none !important; line-height: 60px; }if you like to style the h2 change the class in the code block element in is-h1 or something else
the color-section can have background as you like. And: “no minimum height” ( is given by mask height )
See example page: https://webers-testseite.de/schrift-und-parallax/
Hello.
The page this refers to is shown in the private content section of this request. The page consists of many images of individuals, with short texts after each image. Each image (person) is accessible using a grey-highlighted menu that appears after the first two short text paragraphs at page top.The menu items refer to bookmarks for each person or each page section.
When the page loads for the first time, all the images do not load right away. However, the result is that if a user first calls up the page and then uses the menu to reach a person whose image is towards the page bottom, the auto scroll takes the person to the wrong place. This is especially apparent if the user uses a smartphone to visit the page. AFTER that first try, however, all the grey-highlighted menu links work fine: the user always gets to the right place.
Is there a way to solve this? We had thought of loading the page to reach a bookmark at the bottom, but then the user would have to scroll up to the top. A page refresh (code) won’t solve this, it seems.
We’d welcome your thoughts.
Thank you.
Cliff Brody
Topic: Problem with form sections
I’ve tried Googling but it’s impossible to put the issue into a few keywords!
I’ve created and embedded a Google Form which is split into 3 sections. It works fine, except that having worked down the first section and clicked the ‘next’ button, the second section opens in the same place on the page as the first one finished.
In other words, the web page doesn’t return to the top to start the second section at the beginning, but stays at the level of the first page ‘next’ button. The viewer has to scroll up to the top of the screen to start the second section. I hope that makes sense – now you see the problem I had with the Google search!!
Is there a way to get the second and subsequent forms sections to automatically begin at the top of the page please?
I’ve included the page URL in the private content box. You will have to input the information on the first form section and click ‘next’ to go to the next section to see what I’m asking about but the information won’t be collected.
