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

Viewing 30 results - 451 through 480 (of 1,181 total)

← 1 2 3 … 15 16 17 … 38 39 40 →

Author

Search Results
July 16, 2018 at 8:47 am #985860

In reply to: Sticky Header, but hide the centered logo when scrolling down

catchbudapest
Participant

Thanks @Ismael,
that’s exactly what I was looking for!

Is it possible the get the same effect in the blog-post-view as well?
For the blog-posts-pages the logo is not showing up at all , even when the site is scrolled to the very top, (e.g. see here).

And would it be possible to get a thin border or even better a thin shadow below the menu bar as soon as the page is scrolled down? (the border/shadow should not be there when the logo is shown.)
A bit like it is done here.

I activated Autoptimize and WP Super Cache again, but just deactivate them when you are testing.

July 7, 2018 at 1:30 pm #982441

Topic: Text logo with subtext – responsive?

in forum Enfold
fabienneRedUmb
Participant
Hi guys,
I am building yet another site with Enfold! Yay, I like this theme.
I have exchanged the logo with a text logo with subtext, as described in your documentation.
```
//-------------------------------
// function - Text Logos
//-------------------------------
add_filter('avf_logo_final_output', 'avf_text_logo_final_output');

function avf_text_logo_final_output($logo) {
  $link     = apply_filters('avf_logo_link', home_url('/'));
  $logotext = "LOGO TEXT";
  $subtext  = "A CUSTOM SUBTEXT";
  $subtext  = "<span class='subtext'>$subtext</span>";
  $logo     = "<span class='logo'><h1><a href='".$link."'>".$logotext.$subtext."</a></h1></span>";

  return $logo;
}
```
and here is my tweaked CSS
```
/* Text logo styling */

#top .logo,
#top .logo a {  
  overflow: visible;
}

#top .logo {  
  background: none;
    display: flex;
    align-items: center;
    padding: 30px;
}
#top .logo .subtext {
    font-size: 18px;
    color: #808080;    
    position: absolute;
    width: 100%;
    left: 0;
    top: 30px;
}

/* Hide subtext on scroll */
#header.header-scrolled-full .subtext {
  display: none;
}

/*  Custom size logo  */

#top .logo ,
#top .logo a {  
  width: 500px;
 }

@media only screen and (max-width: 767px) {
#top .logo ,
#top .logo a {  
  max-width: 60% !important;
  width: 60% !important;
  height: auto;
 }}
```
When my screensize gets smaller, the size of the font is staying the same and the text gets mangeled into each other. How can I prevent this from happening?

Thank you.
July 3, 2018 at 2:15 pm #980577

In reply to: Facebook Page widget
Aljoscha23
Participant
Dear Ismael,

thanks for your reply. I have now built my own work around using an iframe in a code block.

For those interested, here’s the solution:

I’m displaying a html file in an iframe to load a screenshot of the page-plugin with an overlay:
```
<iframe src="(...)/fb-click-page.html" width="xxx" height="yyy" style="border:none; overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
```
The html looks like this:
```
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
  position: relative;
  width: 100%;
}

div a {
    display: block ;
    height: 100% ;
}

.image-script {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #f3e417;
}

.container:hover .overlay {
  opacity: 1;
}

.text-large {
  color: black;
  font-size: 20px;
  font-family: Helvetica,Arial,sans-serif;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.text-small {
  color: black;
  font-size: 12px;
  font-family: Helvetica,Arial,sans-serif;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

</style>
</head>
<body>
<div style="position: absolute; left: 0px;top: 0px; z-index: -1;" class="container">
  <a href="(...)/fb-plugin/"><img src="(...)/fb-click-banner.jpg" width="xxx" height="yyy"  class="image-script">
  <div class="overlay">
    <div class="text-large">Klicken Sie, um das Facebook-plugin zu aktivieren!</div>
    </a>
    <div class="text-small">
      <b>Datenschutzhinweis:</b>
      <p>Beim Klick auf das Bild werden Daten an Facebook übertragen. Weitere Informationen erhalten Sie in unserer <a target="_parent" href="/datenschutz">Datenschutzerklärung</a>.
    </div>
  </div>
</div>
</body>
</html>
```
On clicking the overlay the fb-plugin page is load via yet another html file:
```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Load FB-Page Plugin</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div style="position: absolute; left: 0px;top: 0px; z-index: -1;">
  <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2F(...)&tabs=timeline&width=xxx&height=yyysmall_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="xxx" height="yyy" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</body>
</html>
```
There’s a few minor issues with this workaround, as the facebook page-plugin is not responsive. Thus, once the iframe container becomes smaller than the loaded plugin, it is cut off at the sides. As I’m using it in a roughly 500px block it works well, as most devices provide 500px width.

Best regards,
Aljoscha
- This reply was modified 7 years, 6 months ago by Aljoscha23.
July 1, 2018 at 1:45 am #979662

Topic: Enfold ist noch recht entwicklungsbedüfrtig

in forum Enfold
StefanLauermann
Participant
ENGLISH: by webteam Isabel Morales Rey & Astrid Seng

The Enfold Theme is still in need of development and improvement

We muddled through Enfold for our customer http://www.kastner-brillen-haus.de and realized that we were quite disappointed with much within the theme and don’t want to call it user friendly yet. Too often we had to search for a quick CSS, because the theme didn’t take this into account and pre-programmed it for the user.

Here are a few points of criticism that we think could be improved:

01) The rollover effect for top navigation should not be assigned in two different locations with colors, but in one location. The trembling during rollover by narrowing the distance between the bushings should also not be specified as standard.

02) The different blog designs (classic or modern) should simply be pre-installed and selectable, instead of having to build them together first. We should also be able to select the categories simple and easy.

03) The side navigation at the blog is hardly visually designable. Line spacing, icons, font size color? We missed them.

04) The basic design with the headline above the photo is also not very appealing in the blog. The selection to change this is missing.

05) What is the strange ampersand symbol in the H1 line? That curly-blue thing “&” there?

06) As with top navigation, the second roll over color cannot be defined for the buttons. Why? Also here we had to search for a quick CSS. Roll-over, roll-out color and active-color, that’s what we always need didactically. Why don’t you make it easier for us users?

07) The scroll-to-top button in the footer is not visible on the smart-phone. Here also we had to make do with an additional quick-CSS. That doesn’t have to be the case.

08) Why are the module symbols in your page builder “Avia Layout Architect” so light grey and not more clearly visible?

09) Why doesn’t the link setter recognize the mail address automatically and doesn’t put it in the href line like in other themes?

10) The number of icons you provide. Sad.

11) Why do you automatically color the bolt headlines in the body text? I just want it bold, not colored. They look like links. This is simply a no go didactically. Here also you specify this and do not let the user have the freedom to design it himself.

12) Where can I modify the color of the social icons?

13) Where can I modify the design of the sharing icons?

14) Why does the save button not run in the page builder view or is at least displayed again at the end below? So you have to scroll constantly upwards to save or activate.

15) Too bad that you have equipped your slider so unspectacularly and have not integrated the great RevolutionSlider.

16) Also for your Masonry Gallery we had to use a Quick-CSS to disable the excited fluttering in of images. The animation comes too late and also very delayed when scrolling down. For the user it then looks as if there would be an empty space and there would be nothing more information. Also here we miss a clean and clear choice when creating this gallery: Activate animation, change animation, deactivate animation and the images remain visible (loaded) from the beginning.

Working with Enfold took a lot of unnecessary time, it was quite frustrating and lengthy working with Enfold. We know much better premium themes. I hope with the Gutenberg-Step there will be some changes and you will catch up to keep up with the current theme.
.
.
.
GERMAN: by webteam Isabel Morales Rey & Astrid Seng

Das Enfold Theme empfinden wir als noch recht entwicklungsbedürftig und verbesserungswürdig

Wir haben uns für unseren Kunden http://www.kastner-brillen-haus.de durch Enfold durchgewurstelt und festgestellt, dass wir mit vielem innerhalb des Themes recht enttäuscht waren und das Theme noch nicht als UserFriendly bezeichnen möchten. Zu oft mussten wir nach einem Quick CSS suchen, weil das Theme das nicht für den User als Einstellung mit bedacht und vorweg programmiert hat.

Hier ein paar Kritikpunkte, die unserer Meinung nach verbesserungswürdig sind:

01. Der RollOver Effekt bei der Topnavigation sollte nicht an zwei unterschiedlichen Orten mit Farben, sondern an einem Ort vergeben werden. Das Zittern beim RollOver durch Verengung des Buchstenabstandes bitte auch nicht als Standard angeben.

02. Die unterschiedlichen Blogdesigns (Classisch oder Modern) sollten einfach schon mal vorinstalliert und auswählbar sein, statt sich das erst zusammen bauen zu müssen. Auch die Kategorien sollten wir simple and easy danach auswählen können.

03. Die Side Navigation beim Blog ist kaum optisch designbar. Zeilenabstand, Icons, Schriftgröße Farbe? Haben wir vermisst.

04. Ebenso das Grunddesign mit der Headline über dem Foto ist optisch nicht besonders ansprechend im Blog. Die Auswahl dies zu ändern fehlt.

05. Was ist das mit dem seltsamen Kaufmannsund in der H1 Zeile? Dieses kringelblaue Dingens “&” da?

06. Bei den Buttons sind wie bei der TopNavigation auch hier wieder die zweite RollOver Farbe NICHT definierbar. Warum? Auch hier mussten wir nach einen Quick CSS suchen. RollOver, RollOut Farbe und AktivFarbe (visited), das benötigen wir didaktisch eigentlich immer. Warum macht ihr es uns User nicht leichter?

07. Der ScrollToTop Button im Footer ist bei den SmartPhone nicht sichtbar. Auch da mussten wir uns mit einem zusätzlichen Quick CSS behelfen. Das muss doch nicht sein.

08. Weshalb sind bei eurem PageBuilder die Modulsymbole so hellgrau und nicht deutlicher sichtbar?

09. Weshalb erkennt der Linksetzer die Mailadresse nicht automatisch und setzt sie in die href Zeile wie bei anderen Themes gleich ein?

10. So wenige Icons stellt ihr bereit. Traurig.

11. Warum färbt ihr automatisch die Bold-Headlines ein? Ich will sie nur bold haben, aber nicht eingefärbt. Sie sehn aus wie Links. Das ist didaktisch einfach ein no go. Auch hier gebt ihr das vor und lasst den User nicht die Freiheit das selbst zu gestalten.

12. Wo kann man die Social Icons farblich modifizieren?

13. Wo kann man die Sharing-Icons im Design modifizieren?

14. Weshalb läuft der Speichern-Button bei der PageBuilder Ansicht nicht mit oder wird zumindest am Ende unten erneut dargestellt? So muss man ständig nach oben scrollen, um zu speichern, bzw. zu aktivieren.

15. Schade, dass ihr euren Slider so unspektakulär bestückt und nicht den tollen RevolutionSlider integriert habt.

16. Auch bei eurer Masonry Gallery mussten wir uns mit einem Quick-CSS behelfen, um das aufgeregte Hereinflattern von Bildern zu deaktivieren. Die Animation kommt zu spät und auch erst beim Hinscrollen sehr verzögert. Für den User sieht es dann so aus, als wäre dort ein leerer Platz und es käme nichts mehr an Information. Auch hier vermissen wir eine saubere und klare Wahlmöglichkeit beim Erstellen dieser Gallery: Animation aktivieren, Animation verändern, Animation deaktivieren und die Bilder bleiben dann von Anfang an sichtbar (geladen).

Das Arbeiten mit Enfold hat uns viel unnötige Zeit gekostet, es war recht frustrierend und langatmig mit Enfold zu arbeiten. Da kennen wir viel bessere PremiumThemes. Ich hoffe mit dem Gutenberg-Step wird sich bei euch noch einiges ändern und ihr holt etwas auf, um mit dem gegenwärtigen Themestand mithalten zu können.
- This topic was modified 7 years, 6 months ago by StefanLauermann.
June 29, 2018 at 12:07 pm #979300

Topic: Mega menu scroll – not working in Google Chrome

in forum Enfold

RadiologieDuesseldorfMitte
Participant

I use this code in Quick CSS field. It works fine in Firefox and , Oper and Edge but not in Google Chrome Browser.

/* Scrollable mega menu dropdown */
#header .avia_mega_div {
overflow: auto!important;
max-height: calc(100vh – 200px);
}

Maybe anyone can please help me?

June 22, 2018 at 2:05 pm #976345

Topic: animated numbers triggering immediately on iPhone

in forum Enfold

virtualant
Participant

i’m using Enfold 4.41 and have a problem with the animated numbers: in all browsers they are only triggered when the area is visible (<– this is what i want), there is a class in the source code “avia_animate_when_visible”. However this is ignored with my iPhone 4, and my customer says the same, he tested the webpage with some Samsung smartphones. So i began to test and searching for the reason. What i can clearly say is: on my iPhone the classes “avia_start_animation” and “avia_animation_done” are set immediately with page load although the numbers are not in the visible area. But with all Browsers on Mac these classes are set only after the animated numbers appear in the visible area, i mean i have to scroll down to see the numbers, then the numbers.js starts to count and the classes are set.

So what is the reason for this, how can i change this? Why is the function triggered automatically on my iPhone?

June 16, 2018 at 4:21 am #973507

In reply to: Terrible tablet performane
Mike
Moderator
Hi,
I have two css code snippets for you to try in your WordPress > Customize > Additional CSS field.
This first one gives you the mobile width of the columns and the mobile menu:
```
@media only screen and (max-width:767px){
.responsive #top .av-hide-on-mobile{display:none!important;}
.responsive #top #wrap_all #header{position:relative;width:100%;float:none;height:auto;margin:0!important;opacity:1;min-height:0!important;}
.responsive #top #main{padding-top:0!important;margin:0!important;}
.responsive #top #main .container_wrap:first-child{border-top:none!important;}
.responsive #top .logo{position:static;display:table;height:80px!important;float:none;padding:0;border:none;width:80%!important;}
.responsive .logo a{display:table-cell;vertical-align:middle!important;}
.responsive .logo img{height:auto!important;width:auto;max-width:100%;display:block;max-height:80px!important;}
.responsive #header_main .container{height:auto!important!important;}
.responsive #top .header_bg{opacity:1;filter:alpha(opacity=1)!important;}
.responsive #header .social_bookmarks{padding-bottom:2px;width:100%;text-align:center;height:auto;line-height:0.8em;margin:0!important;}
.responsive #header .social_bookmarks li{float:none;display:inline-block!important;}
.responsive .logo img{margin:0!important;}
.responsive.html_header_sidebar #top #header .social_bookmarks{display:none!important;}
.responsive .av-burger-menu-main{display:block!important;}
.responsive #top #wrap_all .main_menu{top:0;height:80px;left:auto;right:0;display:block;position:absolute!important;}
.responsive .main_menu ul:first-child > li a{height:80px;line-height:80px!important;}
.responsive #top .av-main-nav .menu-item{display:none!important;}
.responsive #top .av-main-nav .menu-item-avia-special{display:block!important;}
.responsive #top #header .social_bookmarks{display:none!important;}
.responsive #top .av-logo-container .avia-menu{height:100%!important;}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a,.responsive #top #wrap_all .av-logo-container{height:80px;line-height:80px!important;}
.responsive #top #wrap_all .av-logo-container{padding:0!important;}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a{min-width:0;padding:0 0 0 20px;margin:0;border-style:none;border-width:0!important;}
.responsive #top #header .av-main-nav > li > a,.responsive #top #header .av-main-nav > li > a:hover{background:transparent;color:inherit!important;}
.responsive.html_header_sidebar #main{border:none!important;}
.responsive #scroll-top-link{display:none!important;}
}
```
Or you can try this one that gives you the column width with the sidebar menu and the images, which on a tablet looks nicer, I think.
```
@media only screen and (max-width: 1023px) {
    .responsive .boxed #wrap_all {
        overflow:hidden !important; 
    }

    .responsive #top {
        overflow-x: hidden !important; 
    }

    .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% !important; 
        max-width: 100% !important; 
    }

    .responsive #top .flex_column_table_cell {
        display: block !important;
    }

    .responsive #top .flex_column_table {
        display: block !important;
    }

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

    .responsive .units,.responsive .unit {
        margin: 0 !important;
    }

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

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

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

    .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 !important;
    }
}

@media only screen and (min-width: 480px) and (max-width:1023px) {
}

.container:after {
    content: "\0020";
    display: block!important;
    height: 0!important;
    clear: both!important;
    visibility: hidden !important;
}

.clearfix:before,.clearfix:after,.flex_column:before,.flex_column:after,.widget:before,.widget:after {
    content: '\0020'!important;
    display: block!important;
    overflow: hidden!important;
    visibility: hidden!important;
    width: 0!important;
    height: 0 !important;
}

.flex_column:after,.clearfix:after {
    clear: both !important;
}

.row,.clearfix {
    zoom:1}

.clear {
    clear: both!important;
    display: block!important;
    overflow: hidden!important;
    visibility: hidden!important;
    width: 0!important;
    height: 0 !important;
}

body div .first,body div .no_margin {
    margin-left: 0 !important;
}

div .flex_column {
    z-index: 1!important;
    float: left!important;
    position: relative!important;
    min-height: 1px!important;
    width: 100% !important;
}

div .av_one_fifth {
    margin-left: 6%!important;
    width: 15.2% !important;
}

div .av_one_fourth {
    margin-left: 6%!important;
    width: 20.5% !important;
}

div .av_one_third {
    margin-left: 6%!important;
    width: 29.333333333333332% !important;
}

div .av_two_fifth {
    margin-left: 6%!important;
    width: 36.4% !important;
}

div .av_one_half {
    margin-left: 6%!important;
    width: 47% !important;
}

div .av_three_fifth {
    margin-left: 6%!important;
    width: 57.599999999999994% !important;
}

div .av_two_third {
    margin-left: 6%!important;
    width: 64.66666666666666% !important;
}

div .av_three_fourth {
    margin-left: 6%!important;
    width: 73.5% !important;
}

div .av_four_fifth {
    margin-left: 6%!important;
    width: 78.8% !important;
}

div .av_one_sixth {
    margin-left: 6%!important;
    width: 11.666666666666666% !important;
}

div .av_one_seventh {
    margin-left: 6%!important;
    width: 9.142857142857142% !important;
}

div .av_one_eighth {
    margin-left: 6%!important;
    width: 7.25% !important;
}

div .av_one_nineth {
    margin-left: 6%!important;
    width: 5.777777777777778% !important;
}

div .av_one_tenth {
    margin-left: 6%!important;
    width: 4.6% !important;
}

#top div .no_margin {
    margin-left: 0!important;
    margin-top: 0 !important;
}

#top .no_margin.av_one_fifth {
    width: 20% !important;
}

#top .no_margin.av_one_fourth {
    width: 25% !important;
}

#top .no_margin.av_one_third {
    width: 33.3% !important;
}

#top .no_margin.av_two_fifth {
    width: 40% !important;
}

#top .no_margin.av_one_half {
    width: 50% !important;
}

#top .no_margin.av_three_fifth {
    width: 60% !important;
}

#top .no_margin.av_two_third {
    width: 66.6% !important;
}

#top .no_margin.av_three_fourth {
    width: 75% !important;
}

#top .no_margin.av_four_fifth {
    width: 80% !important;
}

#top .no_margin.av_one_sixth {
    width: 16.666666666666668% !important;
}

#top .no_margin.av_one_seventh {
    width: 14.285714285714286% !important;
}

#top .no_margin.av_one_eighth {
    width: 12.5% !important;
}

#top .no_margin.av_one_nineth {
    width: 11.11111111111111% !important;
}

#top .no_margin.av_one_tenth {
    width: 10% !important;
}

#top .flex_column_table {
    display: table!important;
    table-layout: fixed!important;
    width: 100% !important;
}

#top .flex_column_table_cell {
    float: none!important;
    display: table-cell !important;
}

#top .av-flex-placeholder {
    display: table-cell!important;
    width: 6% !important;
}

.av-align-top {
    vertical-align: top !important;
}

.av-align-middle {
    vertical-align: middle !important;
}

.av-align-bottom {
    vertical-align: bottom !important;
}
```
Best regards,
Mike
June 13, 2018 at 4:42 am #972022

In reply to: Firefox not accepting quick CSS changes
Ismael
Moderator
Hey flordelizamejia,

Thank you for using Enfold.

1.) Try to specify the width in pixel.
```
#header.header-scrolled .widget img {
    width: 75px;
    height: auto;
}
```
2.) And use percentage here.
```
#top .av-flex-placeholder {
    width: 2% !important;
}
```
Best regards,
Ismael
June 12, 2018 at 6:22 am #971535

In reply to: One page menu – Start at top of page

Mike
Moderator

Hi,
Thanks to @Ismael, we have found there is an error is one of the js scripts that this can happen when tab sections are used with anchor links. There is a temporary fix where we comment out line 209 of the tab_section.js file.
I have done this for you and cleared your site cache, now the page is not auto scrolling to the anchor links and the anchor links can be used correctly.
This has been reported to the dev team and they are working to fix this. I imagine this will be included in the next update, so there should be no further action on your part needed.
Please clear your browser cache and check.

Best regards,
Mike

June 5, 2018 at 2:34 pm #967240

Topic: Various problems: mobile menu, tab section, etc.

in forum Enfold

CDuyvis
Participant

Hi, I’ve been working on my website and encountered several issues.

1: I don’t know when this started, so I don’t know what might’ve triggered it, but my mobile menu won’t retract. Once it’s out, it stays out.

2: I attempted to make changes to tab_section.php in config-templatebuilder/avia-shortcodes/tab_section/ – but when I upload the edited file to my child theme (using the same path, of course) it doesn’t get loaded. The site still uses the original file in the main theme folder. The only way I was able to make my changes was via editing the original file. While this works for now, I’d prefer to keep my changes contained to the child theme. How come it’s not using this file?

3: In my tab sections options, setting “Initial Open” to 0 has no effect. It defaults to having the first tab open on load.

4: Also with regard to tab sections: I have a frequent problem where the height of the tab doesn’t properly adjust unless I click on the tab content, after which it corrects itself. I added some (clunky) javascript as a temporary fix, but it’s still not perfect. If this is something that can be fixed in another way, that’d be great.

5: Tab sections again: When a tab title takes up multiple lines, the images are no longer neatly aligned with each other. I can add a vertical-align to the CSS, but then the active tab section arrow is floating. I again added some javascript as a temporary fix, but it takes a moment for the arrow to jump to the proper location. It’d be great if this could happen quicker/automatically, because it feels like there should be an easier way than what I’m doing.

6: Tab sections again: The tabs have always been difficult to access on mobile. It only shows three tabs, and will reveal more when you click on the third tab – but there’s nothing to indicate that there are more tabs, and no way to swipe. I tweaked tab_section.php (as seen above) to add a div and the tab headings are now scrollable/swipable on mobile, which I’m really happy with. The only problem is that I can’t swipe left of the active tab. So if the first tab is active, I can scroll all the way right and back again. But if the fifth tab is active, I can’t scroll to the left to see the first few tabs again. I understand this is a modification on my end and not something I expect you to fix. If you can simply point me in the right direction in terms of files/code to look at so I can address it myself, that’d be great.

7: More of a feature request, but it’s a minor one – I love that we can choose to show/hide elements based on browser screen size. I’d love the option to hide an element on all screen sizes with a single click.

Thanks for your help in advance!

June 4, 2018 at 9:36 pm #966829

In reply to: what changed in Enfold v4.4.1?

Milan
Participant

2018 June 4th – Version 4.4.1
– added: filter in template builder file to allow caching of output
– added: filter for the error message when user wants to comment but did not check the privacy policy checkbox
– added: a product meta Template builder element that allows you to display info such as categories, tags and sku
– added: option to stop audio player after last song in list instead of endless looping the player
– added: an extra filter called “avf_output_google_webfonts_script” that allows to programmatically deactivate google fonts
– fixed: an issue with the contentslider breaking the layout when the blog was disabled
– fixed: an issue with the german translation file, using fuzzy strings and displaying Mailchimp API Notificaftions instead of Google map notifications
– fixed: an issue that prevented logged in users from saving comments
– fixed: an issue with background videos not playing if conditional loading of elements is enabled
– fixed: an issue with backend page options not clickable due to a div overlay
– fixed: a php error notice when updating WooCommerce
– fixed: a php error notice with upsells and related products in WooCommerce
– fixed: facebook widget displayed incorrectly when updating from earlier theme versions
– fixed: an issue with WPML and custom 404 pages
– fixed: an issue were the advanced layout builder covers the scrollbar in fullscreen mode
– fixed: an issue with disappearing testimonial images
– fixed: an issue with duplicate burger menus
– fixed: an issue with the Google Maps check, returning a positive validation check on empty input
– fixed: an issue with post navigation when footer page was selected
– fixed: an issue with the instagram widget when set to caching images
– improved: linked youtube videos now recognise appended parameters like autoplay and video starting point
– improved: added the html attribute muted to silent html5 background videos, which allows for more consistent autoplay with adblock
– improved: Description of google analytics admin description
– improved: visual appearance of the new on/off privacy shortcode toggles
– improved: uploaded fonts are not displayed at the end of the font list, instead of beginning
– improved: HTML structure of blog post header when using elegant or modern blog
– improved: made 2 new functions compatible with php version 5.3.29
– improved: backend google analytics description
– improved: extended email check for forms
– updated: language files de_DE

June 1, 2018 at 9:36 pm #965571

In reply to: Change Logo on Mobile + Optimize Color Box Image and Gallery Images for Mobile
hypergolica
Participant
Nikko,
Apologies for the many replies…
I’ve found a way to control the color box on the mobile. Here is the code:
```
/* Shrink the color box on the home page on mobile portrait */
@media only screen and (max-width:320px) {
  #top.home #av_section_1 {
    /*background-size: cover !important;*/
    background-size: 100% auto !important;
    background-attachment: scroll !important;
    height: 200px !important;
  }
  #top.home #av_section_1 .container {
    height: 200px !important;
  }  
}
```
Strangely, the mobile logo is back… don’t know why.

Not luck increasing the sizes of the gallery images with the CSS that you gave me. Other ideas?
Thank you.
Tim
- This reply was modified 7 years, 7 months ago by hypergolica.
May 31, 2018 at 11:54 am #964736

In reply to: feature image caption / Beitragsbild mit Quellenangabe

Mike
Moderator

Hi,
I see that you are using the Advanced Layout Builder for your posts, it has been created to give you the most design choices, and doesn’t show some things automatically like the default WordPress editor like the excerpts. You will need to create your own excerpts by going to the top of your post page and clicking “Screen Options” and then checking the box “excerpts”, in your language it’s “abstract”. I did this to the first post to show you, and here is a screenshot:

This is also why your featured image is not displaying at the top of your post, please use a image element to add one. You will notice the post “SCHNELLER LAUFEN DURCH RUMPFSTABILISATION” is using the WordPress default editor and it shows the featured image and the excerpt.
I hope this explains well.

In testing I removed my code in the functions.php and the copyright seems to be staying correct, but I not sure if this is a caching issue, we can add the functions.php code back in later if need be.
I recommend disabling your caching plugin while you are developing, when you are done the caching plugin will be a good idea. I also note that the buttons for the caching plugin seem off a little as if there is a conflict with another plugin

I recommend disabling your plugins. If that resolves the issue, reactivate each one individually until you find the cause.
—–
Can I ask if you have registered for support yet? This thread looks different to us than a regular support thread, most likely because you started it before as a contact form request. We would like to start using the regular support threads for your future questions, I hope this makes sense and you understand.

If you have not done so yet, please register here kriesi.at/support/register with your item purchase code .

Go to https://kriesi.at/support/ select the theme you purchased bookmark the URL.

Example: https://kriesi.at/support/enfold

Scroll to the bottom of the page to open a new ticket.

Best regards,
Mike

May 29, 2018 at 6:01 pm #963835

Topic: burger menu positioning

in forum Enfold

fiachramccloskey
Participant

Hi
I am looking to align the burger menu to the left and another button on the right hand side. I have managed to get the slide out to appear to the left but the burger and the x are staying centered.
This is what i used to get the menu opening on the right

.html_av-overlay-side .av-burger-overlay-scroll {
right: auto;
left: 0;
}
.html_av-overlay-side .av-burger-overlay-scroll {
-webkit-transform: translateX(-350px);
transform: translateX(-350px);
}

May 24, 2018 at 3:01 pm #961560

Topic: Link to the paragraph of the same page – probably easy question

in forum Enfold

katak97
Participant

Hey,

I have probably easy question but I don’t know how to solve it. I would like to give a link on picture/menu/text.. (for example) and the effect should scroll down on the same page to the wanted (targeted) paragraph. It is the same thing as is used in one page sites (when you click on menu it automatically scroll down to the target content).

Thank you for the answer.
Best regards,
Jakub.

May 23, 2018 at 5:46 pm #961020

In reply to: Breezy HR – custom javascript integration
Ismael
Moderator
Hi,

UPDATE: I tried the embed code in my installation. I don’t think it’s rendering correctly but I do get this response.
```
targetDomain: "https://c2s-bouygues.breezy.hr", scrollOnLoad: true, autoLoad: true, boardURI: "https://c2s-bouygues.breezy.hr/embed/positions?", applicationURI: "https://c2s-bouygues.breezy.hr/embed/p", …}
applicationURI
:
"https://c2s-bouygues.breezy.hr/embed/p"
autoLoad
:
true
boardURI
:
"https://c2s-bouygues.breezy.hr/embed/positions?"
iFrameWidth
:
"650"
responsive
:
undefined
scrollOnLoad
:
true
targetDomain
:
"https://c2s-bouygues.breezy.hr"
__proto__
:
Object
```
This is the only text in the test page.
```
Current openings at C2S-Bouygues
```
Best regards,
Ismael
May 23, 2018 at 3:46 am #960621

In reply to: Footer page demo shortcode
Mike
Moderator
Hey Sophie,
Here’s the shortcode from the demo footer
```
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='footer-template' color='footer_color' background='bg_color' custom_bg='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='diagonal_bt' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0' av_uid='av-jfgi5bwp']
[av_buttonrow alignment='center' button_spacing='20' button_spacing_unit='px' av_uid='av-jfj7zffg' admin_preview_bg='']
[av_buttonrow_item label='Follow me on Twitter' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8f1' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-13flxu' icon_hover='']
[av_buttonrow_item label='Follow me on Facebook' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8f3' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-y5cei' icon_hover='']
[av_buttonrow_item label='Follow me on Dribbble' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8fe' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-rviru' icon_hover='']
[av_buttonrow_item label='Follow me on Instagram' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue909' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-m6ojm' icon_hover='']
[av_buttonrow_item label='Follow me on LinkedIn' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue8fc' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-gz0de' icon_hover='']
[av_buttonrow_item label='Get in touch' link='manually,#' link_target='' size='large' label_display='av-button-label-on-hover' icon_select='yes' icon='ue805' font='entypo-fontello' color='black' custom_bg='#444444' custom_font='#ffffff' av_uid='av-xw4y' icon_hover='']
[/av_buttonrow]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='#eaeaea' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='#000000' icon='ue808' font='entypo-fontello' av_uid='av-jfj8eyp1' admin_preview_bg='rgb(255, 255, 255)']

[av_one_third first min_height='' vertical_alignment='av-align-top' space='' custom_margin='aviaTBcustom_margin' margin='0px' margin_sync='true' link='' linktarget='' link_hover='' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-2gdk2']

[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-lejfe']

[av_textblock size='' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg='']
<h4 style="text-align: center;">Subscribe</h4>
<p style="text-align: center;">Get our latest news, tips and tricks</p>
[/av_textblock]

[av_contact  (Email address hidden if logged out) ' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' av_uid='av-jfiogcbk' admin_preview_bg='']
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_three_fourth' multi_select='' av_contact_preselect='' av_uid='av-fmhgi'][/av_contact_field]
[/av_contact]

[av_textblock size='12' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg='']
<p style="text-align: center;"><a href="#">About</a> | <a href="#">Imprint</a> | <a href="#">Contact</a> | <a href="#">Terms</a></p>
[/av_textblock]

[av_textblock size='12' font_color='' color='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' av_uid='av-jfiohzkt' admin_preview_bg='']
<p style="text-align: center;"><a href="http://kriesi.at">© 2018 Enfold by Kriesi</a></p>
[/av_textblock]

[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' link='' linktarget='' link_hover='' padding='0px' border='' border_color='' radius='0px' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_breaking='' mobile_display='' av_uid='av-6l59m']

[/av_one_third]
[/av_section]
```
Best regards,
Mike
May 21, 2018 at 5:21 pm #959873

In reply to: Problem with transparent header and size of blog titels

Cevik_Kuersad
Participant

In my history log, the following changes occured:

from:
[av_fullscreen size='no scaling' animation='fade' autoplay='true' interval='10' control_layout='av-control-minimal' scroll_down='aviaTBscroll_down']

to:
[av_fullscreen size='no scaling' animation='fade' autoplay='true' interval='10' control_layout='av-control-minimal' scroll_down='aviaTBscroll_down' av_uid='av-157szww']

I found some more of these strange codes. I’m sure that I did not add them. I suppose that this has something to do with the strange output on the front end. How can I delete these codes?

Thanks
Alexander

May 21, 2018 at 9:54 am #959603

In reply to: Mobile shows object object instead of fallback picture

werbeagenturlauf
Participant

Hi Victoria!
I have two problems:
1.
I am working with a child theme. and as far as i know with the next update of the theme this might be overwritten.

2.
Do i overwrite all this?:

/* ======================================================================================================================================================
Avia Slideshow
====================================================================================================================================================== */

(function($)
{
“use strict”;

$.AviaSlider = function(options, slider)
{
var self = this;

this.$win = $( window );

this.$slider = $( slider );

this.isMobile = $.avia_utilities.isMobile;

this._prepareSlides(options);

//default preload images then init slideshow
$.avia_utilities.preload({container: this.$slider , single_callback: function(){ self._init( options ); }});
}

$.AviaSlider.defaults = {

//interval between autorotation switches
interval:5,

//autorotation active or not
autoplay:false,

//set if the loop will stop at the last/first slide or if the slides will loop infinite
//set to false for infinite loop, “last” to stop at the last slide or “first” to stop at the first slide
stopinfiniteloop: false,

//fade or slide animation
animation:’slide’,

//transition speed when switching slide
transitionSpeed:900,

//easing method for the transition
easing:’easeInOutQuart’,

//slide wrapper
wrapElement: ‘>ul’,

//slide element
slideElement: ‘>li’,

//pause if mouse cursor is above item
hoverpause: false,

//attach images as background
bg_slider: false,

//delay of miliseconds to wait before showing the next slide
show_slide_delay: 0,

//if slider animation is set to “fade” the fullfade property sets the crossfade behaviour
fullfade: false,

//enable carousel mode with multiple visible slides
carousel: ‘no’,

// how many slides are displayed at once in the carousel
carouselSlidesToShow: 3,

// TODO: how many slides are scrolled in the carousel
carouselSlidesToScroll: 1,

// responsive carousel
carouselResponsive : new Array(),

};

$.AviaSlider.prototype =
{
_init: function( options )
{
// set slider options
this.options = this._setOptions(options);

//slidewrap
this.$sliderUl = this.$slider.find(this.options.wrapElement);

// slide elements
this.$slides = this.$sliderUl.find(this.options.slideElement);

// goto dots
this.gotoButtons = this.$slider.find(‘.avia-slideshow-dots a’);

//perma caption
this.permaCaption = this.$slider.find(‘>.av-slideshow-caption’);

// slide count
this.itemsCount = this.$slides.length;

// current image index
this.current = 0;

// current carousel index
this.currentCarousel = 0;

// carousel slide width
this.slideWidthCarousel = ‘240’;

//loop count
this.loopCount = 0;

// control if the slicebox is animating
this.isAnimating = false;

// css browser prefix like -webkit-, -moz-
this.browserPrefix = $.avia_utilities.supports(‘transition’);

// css3 animation?
this.cssActive = this.browserPrefix !== false ? true : false;

// css3D animation?
this.css3DActive = document.documentElement.className.indexOf(‘avia_transform3d’) !== -1 ? true : false;

//store the aviaVideoApi object for the current slide if available
this.video = false;

//if we have a bg slider no images were preloaded yet. in that case start preloading and attaching images
if(this.options.bg_slider == true)
{
//create array that holds all image urls to preload
this.imageUrls = [];

//create a preloader icon to indicate loading
this.loader = $.avia_utilities.loading(this.$slider);

//preload the images ony by one
this._bgPreloadImages();

}
else //if it was a default slider all images are already loaded and we can start showing the slider
{
//kickoff the slider: bind functions, show first slide, if active start the autorotation timer
this._kickOff();
}

if(this.options.carousel === ‘yes’){
this.options.animation = ‘carouselslide’;
}
},

//set the slider options by first merging the efault options and the passed options, then checking the slider element if any data attributes overwrite the option set
_setOptions: function(options)
{
var newOptions = $.extend( true, {}, $.AviaSlider.defaults, options ),
htmlData = this.$slider.data(),
i = “”;

//overwritte passed option set with any data properties on the html element
for (i in htmlData)
{
if (htmlData.hasOwnProperty(i))
{
if(typeof htmlData[i] === “string” || typeof htmlData[i] === “number” || typeof htmlData[i] === “boolean”)
{
newOptions[i] = htmlData[i];
}
}
}

return newOptions;
},

_prepareSlides: function(options)
{
//if its a mobile device find all video slides that need to be altered
if(this.isMobile)
{
var alter = this.$slider.find(‘.av-mobile-fallback-image’);
alter.each(function()
{
var current = $(this).removeClass(‘av-video-slide’).data({‘avia_video_events’: true, ‘video-ratio’:0}),
fallback = current.data(‘mobile-img’),
fallback_link = current.data(‘fallback-link’),
appendTo = current.find(‘.avia-slide-wrap’);

current.find(‘.av-click-overlay, .mejs-mediaelement, .mejs-container’).remove();

if(!fallback)
{
$(‘<p class=”av-fallback-message”><span>Please set a mobile device fallback image for this video in your wordpress backend</span></p>’).appendTo(appendTo);
}

if(options && options.bg_slider)
{
current.data(‘img-url’, fallback);

//if we got a fallback link we need to either replace the default link on mobile devices, or if there is no default link change the wrapping <div> to an
if(fallback_link != “”)
{
if(appendTo.is(‘a’))
{
appendTo.attr(‘href’, fallback_link);
}
else
{
appendTo.find(‘a’).remove();
appendTo.replaceWith(function(){
var cur_slide = $(this);
return $(““).attr({‘data-rel’: cur_slide.data(‘rel’), ‘class’: cur_slide.attr(‘class’), ‘href’: fallback_link} ).append( $(this).contents() );
});

appendTo = current.find(‘.avia-slide-wrap’);
}

if($.fn.avia_activate_lightbox)
{
current.parents(‘#main’).avia_activate_lightbox();
}
}
}
else
{
var image = $(‘‘);
var lightbox = false;

if( ‘string’ == typeof fallback_link && fallback_link.trim() != ” )
{
image = $(‘‘ + image + ‘‘);
lightbox = true;
}

if( lightbox && $.fn.avia_activate_lightbox)
{
current.parents(‘#main’).avia_activate_lightbox();
}

current.find(‘.avia-slide-wrap’).append(image);
}

});
}

},

//start preloading the background images
_bgPreloadImages : function(callback)
{
this._getImageURLS();

this._preloadSingle(0, function()
{
this._kickOff();
this._preloadNext(1);
});
},

//if we are using a background image slider, fetch the images from a data attribute and preload them one by one
_getImageURLS: function()
{
var _self = this;

//collect url strings of the images to preload
this.$slides.each(function(i)
{
_self.imageUrls[i] = [];
_self.imageUrls[i][‘url’] = $(this).data(“img-url”);

//if no image is passed we can set the slide to loaded
if(typeof _self.imageUrls[i][‘url’] == ‘string’)
{
_self.imageUrls[i][‘status’] = false;
}
else
{
_self.imageUrls[i][‘status’] = true;
}
});
},

_preloadSingle: function(key, callback)
{
var _self = this,
objImage = new Image();

if(typeof _self.imageUrls[key][‘url’] == ‘string’)
{
$(objImage).bind(‘load error’, function()
{
_self.imageUrls[key][‘status’] = true;
_self.$slides.eq(key).css(‘background-image’,’url(‘ + _self.imageUrls[key][‘url’] + ‘)’);
if(typeof callback == ‘function’) callback.apply( _self, [objImage, key] );
});

if(_self.imageUrls[key][‘url’] != “”)
{
objImage.src = _self.imageUrls[key][‘url’];
}
else
{
$(objImage).trigger(‘error’);
}
}
else
{
if(typeof callback == ‘function’) callback.apply( _self, [objImage, key] );
}
},

_preloadNext: function(key)
{
if(typeof this.imageUrls[key] != “undefined”)
{
this._preloadSingle(key, function()
{
this._preloadNext(key + 1);
});
}
},

//bind click events of slide controlls to the public functions
_bindEvents: function()
{
var self = this,
win = $( window );

this.$slider.on(‘click’,’.next-slide’, $.proxy( this.next, this) );
this.$slider.on(‘click’,’.prev-slide’, $.proxy( this.previous, this) );
this.$slider.on(‘click’,’.goto-slide’, $.proxy( this.go2, this) );

if(this.options.hoverpause)
{
this.$slider.on(‘mouseenter’, $.proxy( this.pause, this) );
this.$slider.on(‘mouseleave’, $.proxy( this.resume, this) );
}

if(this.options.stopinfiniteloop && this.options.autoplay)
{
if(this.options.stopinfiniteloop == ‘last’)
{
this.$slider.on(‘avia_slider_last_slide’, $.proxy(this._stopSlideshow, this) );
}
else if(this.options.stopinfiniteloop == ‘first’)
{
this.$slider.on(‘avia_slider_first_slide’, $.proxy(this._stopSlideshow, this) );
}
}

if (this.options.carousel === ‘yes’){
// recalculate carousel dimensions on viewport size change
win.on( ‘debouncedresize’, $.proxy( this._buildCarousel, this) );
}
else{
win.on( ‘debouncedresize.aviaSlider’, $.proxy( this._setSize, this) );
}

//if its a desktop browser add arrow navigation, otherwise add touch nav
if(!this.isMobile)
{
this.$slider.avia_keyboard_controls();
}
else
{
this.$slider.avia_swipe_trigger();
}

self._attach_video_events();
},

//kickoff the slider by binding all functions to slides and buttons, show the first slide and start autoplay
_kickOff: function()
{
var self = this,
first_slide = self.$slides.eq(0),
video = first_slide.data(‘video-ratio’);

// bind events to to the controll buttons
self._bindEvents();

this.$slider.removeClass(‘av-default-height-applied’);

//show the first slide. if its a video set the correct size, otherwise make sure to remove the % padding
if(video)
{
self._setSize(true);
}
else
{
if(this.options.keep_pading != true)
{
self.$sliderUl.css(‘padding’,0);
self.$win.trigger(‘av-height-change’);
}
}

self._setCenter();
if ( this.options.carousel === ‘no’ ) {
first_slide.css({visibility:’visible’, opacity:0}).avia_animate({opacity:1}, function()
{
var current = $(this).addClass(‘active-slide’);

if(self.permaCaption.length)
{
self.permaCaption.addClass(‘active-slide’);
}
});
}

// start autoplay if active
if( self.options.autoplay )
{
self._startSlideshow();
}

// prepare carousel if active
if (self.options.carousel === ‘yes’) {
self._buildCarousel();
}

self.$slider.trigger(‘_kickOff’);

},

_buildCarousel : function(){

var self = this,
stageWidth = this.$slider.outerWidth(),
slidesWidth = parseInt(stageWidth / this.options.carouselSlidesToShow),
windowWidth = window.innerWidth || $(window).width();

// responsive carousel
if ( this.options.carouselResponsive &&
this.options.carouselResponsive.length &&
this.options.carouselResponsive !== null) {

for (var breakpoint in this.options.carouselResponsive){
var breakpointValue = this.options.carouselResponsive[breakpoint][‘breakpoint’];
var newSlidesToShow = this.options.carouselResponsive[breakpoint][‘settings’][‘carouselSlidesToShow’];

if (breakpointValue >= windowWidth) {
slidesWidth = parseInt(stageWidth / newSlidesToShow);
this.options.carouselSlidesToShow = newSlidesToShow;
}
}
}

// set width and height for each slide
this.slideWidthCarousel = slidesWidth;

this.$slides.each(function(i){
$(this).width(slidesWidth);
});

// set width for the UL
var slideTrackWidth = slidesWidth * this.itemsCount;
this.$sliderUl.width(slideTrackWidth).css(‘transform’, ‘translateX(0px)’);

// hide nav if not needed
if (this.options.carouselSlidesToShow >= this.itemsCount){
this.$slider.find(‘.av-timeline-nav’).hide();
}

},

//calculate which slide should be displayed next and call the executing transition function
_navigate : function( dir, pos ) {

if( this.isAnimating || this.itemsCount < 2 || !this.$slider.is(“:visible”) )
{
return false;
}

this.isAnimating = true;

// current item’s index
this.prev = this.current;

// if position is passed
if( pos !== undefined )
{
this.current = pos;
dir = this.current > this.prev ? ‘next’ : ‘prev’;
}

// if not check the boundaries
else if( dir === ‘next’ )
{
this.current = this.current < this.itemsCount – 1 ? this.current + 1 : 0;

if( this.current === 0 && this.options.autoplay_stopper == 1 && this.options.autoplay )
{
this.isAnimating = false;
this.current = this.prev;
this._stopSlideshow();
return false;
}
}
else if( dir === ‘prev’ )
{
this.current = this.current > 0 ? this.current – 1 : this.itemsCount – 1;
}

//set goto button
this.gotoButtons.removeClass(‘active’).eq(this.current).addClass(‘active’);

//set slideshow size if carousel not in use
if( this.options.carousel === ‘no’) {
this._setSize();
}

//if we are using a background slider make sure that the image is loaded. if not preload it, then show the slide
if(this.options.bg_slider == true)
{
if(this.imageUrls[this.current][‘status’] == true )
{
this[‘_’ + this.options.animation].call(this, dir);
}
else
{
this.loader.show();
this._preloadSingle(this.current, function()
{
this[‘_’ + this.options.animation].call(this, dir);
this.loader.hide();
});
}
}
else //no background loader -> images are already loaded
{
//call the executing function. for example _slide, or _fade. since the function call is absed on a var we can easily extend the slider with new animations
this[‘_’ + this.options.animation].call(this, dir);
}

if(this.current == 0)
{
this.loopCount++;
this.$slider.trigger(‘avia_slider_first_slide’);
}
else if(this.current == this.itemsCount – 1)
{
this.$slider.trigger(‘avia_slider_last_slide’);
}
else
{
this.$slider.trigger(‘avia_slider_navigate_slide’);
}
},

//if the next slide has a different height than the current change the slideshow height
_setSize: function(instant)
{
//if images are attached as bg images the slider has a fixed height
if(this.options.bg_slider == true) return;

var self = this,
slide = this.$slides.eq(this.current),
img = slide.find(‘img’),
current = Math.floor(this.$sliderUl.height()),
ratio = slide.data(‘video-ratio’),
setTo = ratio ? this.$sliderUl.width() / ratio : Math.floor(slide.height()),
video_height = slide.data(‘video-height’), //forced video height %. needs to be set only once
video_toppos = slide.data(‘video-toppos’); //forced video top position

this.$sliderUl.height(current).css(‘padding’,0); //make sure to set the slideheight to an actual value

if(setTo != current)
{
if(instant == true)
{
this.$sliderUl.css({height:setTo});
this.$win.trigger(‘av-height-change’);
}
else
{
this.$sliderUl.avia_animate({height:setTo}, function()
{
self.$win.trigger(‘av-height-change’);
});
}
}

this._setCenter();

if(video_height && video_height!= “set”)
{
slide.find(‘iframe, embed, video, object, .av_youtube_frame’).css({height: video_height + ‘%’, top: video_toppos + ‘%’});
slide.data(‘video-height’,’set’);
}
},

_setCenter: function()
{
//if the image has a min width and is larger than the slider center it
//positon img based on caption. right caption->left pos, left caption -> right pos
var slide = this.$slides.eq(this.current),
img = slide.find(‘img’),
min_width = parseInt(img.css(‘min-width’),10),
slide_width = slide.width(),
caption = slide.find(‘.av-slideshow-caption’),
css_left = ((slide_width – min_width) / 2);

if(caption.length)
{
if(caption.is(‘.caption_left’))
{
css_left = ((slide_width – min_width) / 1.5);
}
else if(caption.is(‘.caption_right’))
{
css_left = ((slide_width – min_width) / 2.5);
}
}

if(slide_width >= min_width)
{
css_left = 0;
}

img.css({left:css_left});
},

_carouselmove : function(){

// var offset = (this.options.carouselSlidesToScroll*this.slideWidthCarousel)*this.currentCarousel;
var offset = this.slideWidthCarousel*this.currentCarousel;
this.$sliderUl.css(‘transform’, ‘translateX(-‘+offset+’px)’);

},

_carouselslide: function(dir){

if (dir === ‘next’) {

if (this.options.carouselSlidesToShow + this.currentCarousel < this.itemsCount){
this.currentCarousel++;
this._carouselmove();
}
}
else if (dir === ‘prev’){
if (this.currentCarousel > 0) {
this.currentCarousel–;
this._carouselmove();
}
}

this.isAnimating = false;

},

_slide: function(dir)
{
var dynamic = false, //todo: pass by option if a slider is dynamic
modifier = dynamic == true ? 2 : 1,
sliderWidth = this.$slider.width(),
direction = dir === ‘next’ ? -1 : 1,
property = this.browserPrefix + ‘transform’,
reset = {}, transition = {}, transition2 = {},
trans_val = ( sliderWidth * direction * -1),
trans_val2 = ( sliderWidth * direction) / modifier;

//do a css3 animation
if(this.cssActive)
{
property = this.browserPrefix + ‘transform’;

//do a translate 3d transformation if available, since it uses hardware acceleration
if(this.css3DActive)
{
reset[property] = “translate3d(” + trans_val + “px, 0, 0)”;
transition[property] = “translate3d(” + trans_val2 + “px, 0, 0)”;
transition2[property] = “translate3d(0,0,0)”;
}
else //do a 2d transform. still faster than a position “left” change
{
reset[property] = “translate(” + trans_val + “px,0)”;
transition[property] = “translate(” + trans_val2 + “px,0)”;
transition2[property] = “translate(0,0)”;
}
}
else
{
reset.left = trans_val;
transition.left = trans_val2;
transition2.left = 0;
}

if(dynamic)
{
transition[‘z-index’] = “1”;
transition2[‘z-index’] = “2”;
}

this._slide_animate(reset, transition, transition2);
},

_slide_up: function(dir)
{
var dynamic = true, //todo: pass by option if a slider is dynamic
modifier = dynamic == true ? 2 : 1,
sliderHeight = this.$slider.height(),
direction = dir === ‘next’ ? -1 : 1,
property = this.browserPrefix + ‘transform’,
reset = {}, transition = {}, transition2 = {},
trans_val = ( sliderHeight * direction * -1),
trans_val2 = ( sliderHeight * direction) / modifier;

//do a css3 animation
if(this.cssActive)
{
property = this.browserPrefix + ‘transform’;

//do a translate 3d transformation if available, since it uses hardware acceleration
if(this.css3DActive)
{
reset[property] = “translate3d( 0,” + trans_val + “px, 0)”;
transition[property] = “translate3d( 0,” + trans_val2 + “px, 0)”;
transition2[property] = “translate3d(0,0,0)”;
}
else //do a 2d transform. still faster than a position “left” change
{
reset[property] = “translate( 0,” + trans_val + “px)”;
transition[property] = “translate( 0,” + trans_val2 + “px)”;
transition2[property] = “translate(0,0)”; }
}
else
{
reset.top = trans_val;
transition.top = trans_val2;
transition2.top = 0;
}

if(dynamic)
{
transition[‘z-index’] = “1”;
transition2[‘z-index’] = “2”;
}
this._slide_animate(reset, transition, transition2);
},

//slide animation: do a slide transition by css3 transform if possible. if not simply do a position left transition
_slide_animate: function( reset , transition , transition2 )
{

var self = this,
displaySlide = this.$slides.eq(this.current),
hideSlide = this.$slides.eq(this.prev);

hideSlide.trigger(‘pause’);
if( !displaySlide.data(‘disableAutoplay’) ) displaySlide.trigger(‘play’);

displaySlide.css({visibility:’visible’, zIndex:4, opacity:1, left:0, top:0});
displaySlide.css(reset);

hideSlide.avia_animate(transition, this.options.transitionSpeed, this.options.easing);

var after_slide = function()
{
self.isAnimating = false;
displaySlide.addClass(‘active-slide’);
hideSlide.css({visibility:’hidden’}).removeClass(‘active-slide’);
self.$slider.trigger(‘avia-transition-done’);
}

if(self.options.show_slide_delay > 0)
{
setTimeout(function() { displaySlide.avia_animate(transition2, self.options.transitionSpeed, self.options.easing, after_slide); },self.options.show_slide_delay);
}
else
{
displaySlide.avia_animate(transition2, self.options.transitionSpeed, self.options.easing, after_slide);
}

},

//simple fade transition of the slideshow
_fade: function()
{
var self = this,
displaySlide = this.$slides.eq(this.current),
hideSlide = this.$slides.eq(this.prev),
properties = {visibility:’visible’, zIndex:3, opacity:0},
fadeCallback = function()
{
self.isAnimating = false;
displaySlide.addClass(‘active-slide’);
hideSlide.css({visibility:’hidden’, zIndex:2}).removeClass(‘active-slide’);
self.$slider.trigger(‘avia-transition-done’);

};

hideSlide.trigger(‘pause’);
if( !displaySlide.data(‘disableAutoplay’) ) displaySlide.trigger(‘play’);

if(self.options.fullfade == true)
{
hideSlide.avia_animate({opacity:0}, 200, ‘linear’, function()
{
displaySlide.css(properties).avia_animate({opacity:1}, self.options.transitionSpeed, ‘linear’,fadeCallback);
});
}
else
{
displaySlide.css(properties).avia_animate({opacity:1}, self.options.transitionSpeed/2, ‘linear’, function()
{
hideSlide.avia_animate({opacity:0}, 200, ‘linear’, fadeCallback);
});
}

},

/************************************************************************
Video functions
*************************************************************************/

//bind events to the video that tell the slider to autorotate once a video has been played
_attach_video_events: function()
{
var self = this, $html = $(‘html’);

self.$slides.each(function(i)
{
var currentSlide = $(this),
caption = currentSlide.find(‘.caption_fullwidth, .av-click-overlay’),
mejs = currentSlide.find(‘.mejs-mediaelement’);

if(currentSlide.data(‘avia_video_events’) != true)
{
currentSlide.data(‘avia_video_events’, true);

currentSlide.on(‘av-video-events-bound’, { slide: currentSlide, wrap: mejs , iteration: i , self: self }, onReady);

currentSlide.on(‘av-video-ended’, { slide: currentSlide , self: self}, onFinish);

currentSlide.on(‘av-video-play-executed’, function(){ setTimeout(function(){ self.pause() }, 100); });

caption.on(‘click’, { slide: currentSlide }, toggle);

// also if the player was loaded before the _bindEvents function was bound trigger it manually
if(currentSlide.is(‘.av-video-events-bound’)) currentSlide.trigger(‘av-video-events-bound’);
}
});

//helper functions
function onReady( event )
{
//autostart for first slide
if(event.data.iteration === 0)
{
event.data.wrap.css(‘opacity’,0);
if(!event.data.self.isMobile && !event.data.slide.data(‘disableAutoplay’))
{
event.data.slide.trigger(‘play’);
}
setTimeout(function(){ event.data.wrap.avia_animate({opacity:1}, 400); }, 50);
}
else if ($html.is(‘.avia-msie’) && !event.data.slide.is(‘.av-video-service-html5’))
{
/*
* Internet Explorer fires the ready event for external videos once they become visible
* as oposed to other browsers which always fire immediately.
*/
if( !event.data.slide.data(‘disableAutoplay’) ) event.data.slide.trigger(‘play’);
}

}

function onFinish( event )
{
//if the video is not looped resume the slideshow
if(!event.data.slide.is(‘.av-single-slide’) && !event.data.slide.is(‘.av-loop-video’))
{
event.data.slide.trigger(‘reset’);
self._navigate( ‘next’ );
self.resume();
}

//safari 8 workaround for self hosted videos which wont loop by default
if(event.data.slide.is(‘.av-loop-video’) && event.data.slide.is(‘.av-video-service-html5’))
{
if($html.is(‘.avia-safari-8’))
{
setTimeout(function(){ event.data.slide.trigger(‘play’); },1);
}
}
}

function toggle( event )
{
if(event.target.tagName != “A”)
{
event.data.slide.trigger(‘toggle’);
}
}

},

/************************************************************************
Slideshow control functions
*************************************************************************/

_timer: function(callback, delay, first)
{
var self = this, start, remaining = delay;

self.timerId = 0;

this.pause = function() {
window.clearTimeout(self.timerId);
remaining -= new Date() – start;
};

this.resume = function() {
start = new Date();
self.timerId = window.setTimeout(callback, remaining);
};

this.destroy = function()
{
window.clearTimeout(self.timerId);
};

this.resume(true);
},

//start autorotation
_startSlideshow: function()
{
var self = this;

this.isPlaying = true;

this.slideshow = new this._timer( function()
{
/*
var videoApi = self.$slides.eq(self.current).data(‘aviaVideoApi’)
if(!videoApi){}
*/

self._navigate( ‘next’ );

if ( self.options.autoplay )
{
self._startSlideshow();
}

}, (this.options.interval * 1000));
},

//stop autorotation
_stopSlideshow: function()
{
if ( this.options.autoplay ) {

this.slideshow.destroy();
this.isPlaying = false;
this.options.autoplay = false;
}
},

// public method: shows next image
next : function(e)
{
e.preventDefault();
this._stopSlideshow();
this._navigate( ‘next’ );
},

// public method: shows previous image
previous : function(e)
{
e.preventDefault();
this._stopSlideshow();
this._navigate( ‘prev’ );
},

// public method: goes to a specific image
go2 : function( pos )
{
//if we didnt pass a number directly lets asume someone clicked on a link that triggered the goto transition
if(isNaN(pos))
{
//in that case prevent the default link behavior and set the slide number to the links hash
pos.preventDefault();
pos = pos.currentTarget.hash.replace(‘#’,”);
}

pos -= 1;

if( pos === this.current || pos >= this.itemsCount || pos < 0 )
{
return false;
}

this._stopSlideshow();
this._navigate( false, pos );

},

// public method: starts the slideshow
// any call to next(), previous() or goto() will stop the slideshow autoplay
play : function()
{
if( !this.isPlaying )
{
this.isPlaying = true;

this._navigate( ‘next’ );
this.options.autoplay = true;
this._startSlideshow();
}

},

// public methos: pauses the slideshow
pause : function()
{
if( this.isPlaying )
{
this.slideshow.pause();
}
},

// publiccmethos: resumes the slideshow
resume : function()
{
if( this.isPlaying )
{
this.slideshow.resume();
}
},

// public methos: destroys the instance
destroy : function( callback )
{
this.slideshow.destroy( callback );
}

}

//simple wrapper to call the slideshow. makes sure that the slide data is not applied twice
$.fn.aviaSlider = function( options )
{
return this.each(function()
{
var self = $.data( this, ‘aviaSlider’ );

if(!self)
{
self = $.data( this, ‘aviaSlider’, new $.AviaSlider( options, this ) );
}
});
}

})( jQuery );

Thanks again for your help!

Michael F.

May 17, 2018 at 8:36 am #958002

In reply to: Videos in slider problem after update

nonne
Participant

Hej Ismael

Thanks for getting back to me.

The slider with video-sequenses is on the very front page – see url supplied earlyer.

It is crucial that this video slider works, since it is presenting/introducing this rather large company.
After updating to Enfold 4.3.2 it no longer works correctly – different behaviours on different browsers as described.
A strange observation: As mentioned in Chrome clicking the slider (or going to next slide) activates the video (and the slides with more videos), but also scrolling down below the slider after first slide has loaded (that one is not a video and I made it stay for a long 9 sec.) will “trick” the autoplay?

We are in the middle of a large campaign and the timing for such a flaw could not be worse, and my client is running out of patience with me.

I can’t rollback the version either because I do need the cookie consent feature.

I trust you will help me out here, Ismael – you did before :-)

Very best regards

May 14, 2018 at 7:26 pm #956617

In reply to: Assign @Media query to a specific div
Jordan Shannon
Inactive Moderator
Hi,

You would use this:
```
@media screen and (max-width: 1420px){
#ghwkurz .avia_scrollable_table {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}

#ghwkurz .avia_scrollable_table .avia-table {
width: auto;
}

.responsive #ghwkurz .avia_scrollable_table .avia-data-table > thead > tr > th,
.responsive #ghwkurz .avia_scrollable_table .avia-data-table > tbody > tr > th,
.responsive #ghwkurz .avia_scrollable_table .avia-data-table > tfoot > tr > th,
.responsive #ghwkurz .avia_scrollable_table .avia-data-table > thead > tr > td,
.responsive #ghwkurz .avia_scrollable_table .avia-data-table > tbody > tr > td,
.responsive #ghwkurz .avia_scrollable_table .avia-data-table > tfoot > tr > td {
white-space: nowrap;
}}
```
Best regards,
Jordan Shannon
May 14, 2018 at 6:55 pm #956607

In reply to: Assign @Media query to a specific div

pilepale
Participant

This is the code i will apply to table in div#ghwkurz by use @media screen and (max-width: 1420px)

How to do this?

.responsive .avia_scrollable_table {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}

.avia_scrollable_table .avia-table {
width: auto;
}

.responsive .avia_scrollable_table .avia-data-table > thead > tr > th,
.responsive .avia_scrollable_table .avia-data-table > tbody > tr > th,
.responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th,
.responsive .avia_scrollable_table .avia-data-table > thead > tr > td,
.responsive .avia_scrollable_table .avia-data-table > tbody > tr > td,
.responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td {
white-space: nowrap;
}

May 4, 2018 at 3:33 pm #951727

In reply to: Fullwidth Easy Slider Video Flickering on IE11

TREKK
Participant

Hi Victoria,

I’ve already tried updating to 4.3.1. The update actually breaks the functionality of my slider as I mentioned in my first post. The slides don’t autorotate anymore and the only thing visible is a black background with the caption text. I can use the arrows to scroll through the slides but the videos do not play at all. And I should mention that this is Chrome and Firefox, where I had zero issues with it before the update to 4.3.1. As far as I can tell, all of my settings are still in place. I’ve posted links to a screen shot of what the slider looks like.

I should also mention that in Chrome I get a console error for resource not found for a preload-dark-grey-big.gif:1. However, this console error doesn’t appear in Firefox.

May 4, 2018 at 10:46 am #951507

In reply to: Unable to update theme from 4.2 to 4.3.1 including doing a manual update

richardbeatty
Participant

Woops … I spoke too soon!
So the theme allowed me to updated via the ‘front end’

I’ve posted the FTP credentials

I got the following

An error occurred while updating Enfold: The update cannot be installed because we will be unable to copy some files. This is usually due to inconsistent file permissions. images/.DS_Store, config-templatebuilder/.DS_Store, lang/ca.po, lang/ca.mo, lang/.DS_Store, includes/.DS_Store, config-wpml/wpml-mod.js, css/.DS_Store, css/admin-preview.css, config-woocommerce/woocommerce-mod-v26.js, js/avia-admin-preview.js, config-menu-exchange/config.php, images/layout/logo_modern.png, images/layout/search.png, config-templatebuilder/avia-template-builder/.DS_Store, config-templatebuilder/avia-shortcodes/tab_sub_section.php, config-templatebuilder/avia-shortcodes/tab_section.php, config-templatebuilder/avia-shortcodes/gallery_horizontal.php, includes/admin/.DS_Store, framework/images/.DS_Store, framework/php/.DS_Store, framework/php/class-gmaps.php, config-layerslider/LayerSlider/.DS_Store, config-templatebuilder/avia-template-builder/images/sc-tabsection.png, includes/admin/demo_files/.DS_Store, includes/admin/demo_files/minimal-photography.xml, includes/admin/demo_files/minimal-photography.php, includes/admin/demo_files/dark-photography.php, includes/admin/demo_files/dark-photography.xml, includes/admin/demo_files/enfold-2017.php, includes/admin/demo_files/enfold-2017.xml, config-layerslider/LayerSlider/locales/LayerSlider-hu_HU.mo, config-layerslider/LayerSlider/locales/LayerSlider-en_US.pot, config-layerslider/LayerSlider/locales/LayerSlider-fr_FR.mo, config-layerslider/LayerSlider/locales/LayerSlider-hu_HU.po, config-layerslider/LayerSlider/locales/LayerSlider-fr_FR.po, config-layerslider/LayerSlider/views/about.php, config-layerslider/LayerSlider/views/revisions.php, config-layerslider/LayerSlider/views/system_status.php, config-layerslider/LayerSlider/includes/slider_markup_setup.php, config-layerslider/LayerSlider/includes/slider_utils.php, config-layerslider/LayerSlider/templates/tmpl-importing.php, config-layerslider/LayerSlider/templates/tmpl-popup-example-slider.php, config-layerslider/LayerSlider/templates/tmpl-import-templates.php, config-layerslider/LayerSlider/templates/tmpl-upload-sliders.php, config-layerslider/LayerSlider/templates/tmpl-embed-slider.php, config-layerslider/LayerSlider/templates/tmpl-static-layer-item.php, config-layerslider/LayerSlider/templates/tmpl-popup-presets-window.php, config-layerslider/LayerSlider/templates/tmpl-add-slider-list.php, config-layerslider/LayerSlider/templates/tmpl-transition-gallery.php, config-layerslider/LayerSlider/templates/tmpl-add-slider-grid.php, config-layerslider/LayerSlider/templates/tmpl-revisions-welcome.php, config-layerslider/LayerSlider/templates/tmpl-2d-transition.php, config-layerslider/LayerSlider/templates/tmpl-revisions-history.php, config-layerslider/LayerSlider/templates/tmpl-3d-transition.php, config-layerslider/LayerSlider/classes/class.ls.popups.php, config-layerslider/LayerSlider/classes/class.ls.revisions.php, config-layerslider/LayerSlider/avia-samples/.DS_Store, config-layerslider/LayerSlider/wp/tinymce_l10n.php, config-layerslider/LayerSlider/wp/scripts_l10n.php, config-templatebuilder/avia-template-builder/assets/js/avia-tab-section.js, includes/admin/demo_files/demo_images/enfold-2017.jpg, includes/admin/demo_files/demo_images/minimal-photography.jpg, includes/admin/demo_files/demo_images/dark-photography.jpg, framework/images/icons/new/.DS_Store, (Email address hidden if logged out) , (Email address hidden if logged out) , (Email address hidden if logged out) , config-layerslider/LayerSlider/static/air-datepicker/datepicker.min.css, config-layerslider/LayerSlider/static/air-datepicker/datepicker.min.js, config-layerslider/LayerSlider/static/codemirror/AUTHORS, config-layerslider/LayerSlider/static/dashicons/dashicons.css, config-layerslider/LayerSlider/static/dashicons/dashicons.woff, config-layerslider/LayerSlider/static/dashicons/dashicons.ttf, config-layerslider/LayerSlider/static/dashicons/dashicons.svg, config-layerslider/LayerSlider/static/dashicons/dashicons.eot, config-layerslider/LayerSlider/static/public/front.css, config-layerslider/LayerSlider/static/public/front.scss, config-layerslider/LayerSlider/static/shuffle/shuffle.min.js, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.transparent.png, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.min.js, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.png, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.js, config-layerslider/LayerSlider/static/minicolors/jquery.minicolors.css, config-layerslider/LayerSlider/static/layerslider/css/layerslider.css, config-layerslider/LayerSlider/static/layerslider/js/layerslider.transitions.js, config-layerslider/LayerSlider/static/layerslider/js/greensock.js, config-layerslider/LayerSlider/static/layerslider/js/layerslider.kreaturamedia.jquery.js, config-layerslider/LayerSlider/static/layerslider/overlays/grid_stripes_left.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-2.png, config-layerslider/LayerSlider/static/layerslider/overlays/grid_medium.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-4.png, config-layerslider/LayerSlider/static/layerslider/overlays/grid_small.png, config-layerslider/LayerSlider/static/layerslider/overlays/grid_hard.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-1.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-circle-1.png, config-layerslider/LayerSlider/static/layerslider/overlays/gradient-3.png, config-layerslider/LayerSlider/static/layerslider/overlays/grid_stripes_right.png, config-layerslider/LayerSlider/static/admin/media/revisions.mp4, config-layerslider/LayerSlider/static/admin/css/admin.css, config-layerslider/LayerSlider/static/admin/css/admin_new.css, config-layerslider/LayerSlider/static/admin/css/layerslider.transitiongallery.css, config-layerslider/LayerSlider/static/admin/css/embed.css, config-layerslider/LayerSlider/static/admin/css/about.css, config-layerslider/LayerSlider/static/admin/css/skin.editor.css, config-layerslider/LayerSlider/static/admin/css/km-ui.css, config-layerslider/LayerSlider/static/admin/css/revisions.css, config-layerslider/LayerSlider/static/admin/css/global.css, config-layerslider/LayerSlider/static/admin/css/blank.gif, config-layerslider/LayerSlider/static/admin/scss/_slide_settings.scss, config-layerslider/LayerSlider/static/admin/scss/global.scss, config-layerslider/LayerSlider/static/admin/scss/km-ui.scss, config-layerslider/LayerSlider/static/admin/scss/_mixins.scss, config-layerslider/LayerSlider/static/admin/scss/about.scss, config-layerslider/LayerSlider/static/admin/scss/sliders_list.scss, config-layerslider/LayerSlider/static/admin/scss/skin.editor.scss, config-layerslider/LayerSlider/static/admin/scss/revisions.scss, config-layerslider/LayerSlider/static/admin/scss/_layout.scss, config-layerslider/LayerSlider/static/admin/scss/slider_settings.scss, config-layerslider/LayerSlider/static/admin/scss/admin_new.scss, config-layerslider/LayerSlider/static/admin/scss/_transition_builder.scss, config-layerslider/LayerSlider/static/admin/scss/_layer_settings.scss, config-layerslider/LayerSlider/static/admin/scss/_interface.scss, config-layerslider/LayerSlider/static/admin/scss/_transition_gallery.scss, config-layerslider/LayerSlider/static/admin/scss/_tinymce.scss, config-layerslider/LayerSlider/static/admin/js/km-ui.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-global.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-sliders.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-tinymce.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-revisions.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-transition-builder.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-slider-builder.js, config-layerslider/LayerSlider/static/admin/js/layerslider.transition.gallery.js, config-layerslider/LayerSlider/static/admin/js/ls-admin-common.js, config-layerslider/LayerSlider/static/admin/img/nocss3d.png, config-layerslider/LayerSlider/static/admin/img/layout-fixed.png, config-layerslider/LayerSlider/static/admin/img/origami-bg.png, config-layerslider/LayerSlider/static/admin/img/layout-responsive.png, config-layerslider/LayerSlider/static/admin/img/comingsoon.jpg, config-layerslider/LayerSlider/static/admin/img/cclogo.png, config-layerslider/LayerSlider/static/admin/img/origami.png, config-layerslider/LayerSlider/static/admin/img/checkerboardpattern.png, config-layerslider/LayerSlider/static/admin/img/popup-example-slidy.png, config-layerslider/LayerSlider/static/admin/img/layout-full-screen.png, config-layerslider/LayerSlider/static/admin/img/layout-full-width.png, config-layerslider/LayerSlider/static/admin/img/sample_slide_2.png, config-layerslider/LayerSlider/static/admin/img/layout-popup.png, config-layerslider/LayerSlider/static/admin/img/popup-example-bg.jpg, config-layerslider/LayerSlider/static/admin/img/sample_slide_1.png, config-layerslider/LayerSlider/static/admin/img/ls-tb.png, config-layerslider/LayerSlider/static/admin/img/ls_80x80.png, config-layerslider/LayerSlider/static/admin/img/tag.png, config-layerslider/LayerSlider/static/admin/img/blank.gif, config-layerslider/LayerSlider/static/admin/img/slider_preview.jpg, config-layerslider/LayerSlider/static/air-datepicker/i18n/datepicker.en.js, config-layerslider/LayerSlider/static/codemirror/theme/cm-tab.png, config-layerslider/LayerSlider/static/codemirror/keymap/emacs.js, config-layerslider/LayerSlider/static/codemirror/keymap/vim.js, config-layerslider/LayerSlider/static/codemirror/keymap/sublime.js, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/info.json, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/defaultskin/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/info.json, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/fullwidth/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/noskin/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/noskin/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/noskin/info.json, config-layerslider/LayerSlider/static/layerslider/skins/noskin/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/noskin/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/info.json, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/fullwidthdark/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/glass/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/glass/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/glass/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/glass/info.json, config-layerslider/LayerSlider/static/layerslider/skins/glass/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/glass/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/numbers/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/numbers/info.json, config-layerslider/LayerSlider/static/layerslider/skins/numbers/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/info.json, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight3d/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/minimal/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/minimal/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/minimal/info.json, config-layerslider/LayerSlider/static/layerslider/skins/minimal/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/minimal/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/info.json, config-layerslider/LayerSlider/static/layerslider/skins/photogallery/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/info.json, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/darkskin/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/info.json, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/lightskin/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/info.json, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark3d/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/carousel/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/carousel/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/carousel/info.json, config-layerslider/LayerSlider/static/layerslider/skins/carousel/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/carousel/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/info.json, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlesslight/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/roundedflat/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/roundedflat/info.json, config-layerslider/LayerSlider/static/layerslider/skins/roundedflat/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/shadow.png, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/info.json, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/borderlessdark/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/v5/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/v5/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/v5/info.json, config-layerslider/LayerSlider/static/layerslider/skins/v5/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/v5/skin.png, config-layerslider/LayerSlider/static/layerslider/skins/outline/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/outline/info.json, config-layerslider/LayerSlider/static/layerslider/skins/outline/skin.css, config-layerslider/LayerSlider/static/layerslider/skins/v6/loading.gif, config-layerslider/LayerSlider/static/layerslider/skins/v6/nothumb.png, config-layerslider/LayerSlider/static/layerslider/skins/v6/info.json, config-layerslider/LayerSlider/static/layerslider/skins/v6/skin.css, config-layerslider/LayerSlider/static/layerslider/plugins/timeline/layerslider.timeline.js, config-layerslider/LayerSlider/static/layerslider/plugins/timeline/layerslider.timeline.css, config-layerslider/LayerSlider/static/layerslider/plugins/debug/layerslider.debug.js, config-layerslider/LayerSlider/static/layerslider/plugins/debug/layerslider.debug.css, config-layerslider/LayerSlider/static/layerslider/plugins/popup/layerslider.popup.js, config-layerslider/LayerSlider/static/layerslider/plugins/popup/layerslider.popup.css, config-layerslider/LayerSlider/static/layerslider/plugins/origami/layerslider.origami.css, config-layerslider/LayerSlider/static/layerslider/plugins/origami/layerslider.origami.js, config-layerslider/LayerSlider/static/codemirror/mode/php/test.js, config-layerslider/LayerSlider/static/codemirror/mode/css/less_test.js, config-layerslider/LayerSlider/static/codemirror/mode/css/gss_test.js, config-layerslider/LayerSlider/static/codemirror/mode/sass/sass.js, config-layerslider/LayerSlider/static/codemirror/mode/sql/sql.js, config-layerslider/LayerSlider/static/codemirror/mode/xml/test.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/matchbrackets.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/closebrackets.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/trailingspace.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/continuelist.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/matchtags.js, config-layerslider/LayerSlider/static/codemirror/addon/edit/closetag.js, config-layerslider/LayerSlider/static/codemirror/addon/comment/continuecomment.js, config-layerslider/LayerSlider/static/codemirror/addon/comment/comment.js, config-layerslider/LayerSlider/static/codemirror/addon/display/autorefresh.js, config-layerslider/LayerSlider/static/codemirror/addon/display/panel.js, config-layerslider/LayerSlider/static/codemirror/addon/display/rulers.js, config-layerslider/LayerSlider/static/codemirror/addon/display/placeholder.js, config-layerslider/LayerSlider/static/codemirror/addon/display/fullscreen.css, config-layerslider/LayerSlider/static/codemirror/addon/display/fullscreen.js, config-layerslider/LayerSlider/static/codemirror/addon/wrap/hardwrap.js, config-layerslider/LayerSlider/static/codemirror/addon/dialog/dialog.css, config-layerslider/LayerSlider/static/codemirror/addon/dialog/dialog.js, config-layerslider/LayerSlider/static/codemirror/addon/selection/selection-pointer.js, config-layerslider/LayerSlider/static/codemirror/addon/fold/comment-fold.js, config-layerslider/LayerSlider/static/codemirror/addon/fold/markdown-fold.js, config-layerslider/LayerSlider/static/codemirror/addon/fold/foldgutter.css, config-layerslider/LayerSlider/static/codemirror/addon/hint/show-hint.css, config-layerslider/LayerSlider/static/codemirror/addon/hint/xml-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/css-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/anyword-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/show-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/javascript-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/sql-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/hint/html-hint.js, config-layerslider/LayerSlider/static/codemirror/addon/runmode/colorize.js, config-layerslider/LayerSlider/static/codemirror/addon/runmode/runmode-standalone.js, config-layerslider/LayerSlider/static/codemirror/addon/runmode/runmode.node.js, config-layerslider/LayerSlider/static/codemirror/addon/runmode/runmode.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/html-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/css-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/yaml-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/json-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/coffeescript-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/javascript-lint.js, config-layerslider/LayerSlider/static/codemirror/addon/lint/lint.css, config-layerslider/LayerSlider/static/codemirror/addon/lint/lint.js, config-layerslider/LayerSlider/static/codemirror/addon/search/matchesonscrollbar.css, config-layerslider/LayerSlider/static/codemirror/addon/search/match-highlighter.js, config-layerslider/LayerSlider/static/codemirror/addon/search/searchcursor.js, config-layerslider/LayerSlider/static/codemirror/addon/search/search.js, config-layerslider/LayerSlider/static/codemirror/addon/search/matchesonscrollbar.js, config-layerslider/LayerSlider/static/codemirror/addon/search/jump-to-line.js, config-layerslider/LayerSlider/static/codemirror/addon/merge/merge.css, config-layerslider/LayerSlider/static/codemirror/addon/merge/merge.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/overlay.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/simple.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/multiplex.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/multiplex_test.js, config-layerslider/LayerSlider/static/codemirror/addon/mode/loadmode.js, config-layerslider/LayerSlider/static/codemirror/addon/scroll/simplescrollbars.css, config-layerslider/LayerSlider/static/codemirror/addon/scroll/annotatescrollbar.js, config-layerslider/LayerSlider/static/codemirror/addon/scroll/simplescrollbars.js, config-layerslider/LayerSlider/static/codemirror/addon/scroll/scrollpastend.js, config-layerslider/LayerSlider/static/codemirror/addon/tern/tern.css, config-layerslider/LayerSlider/static/codemirror/addon/tern/tern.js, config-layerslider/LayerSlider/static/codemirror/addon/tern/worker.js

May 2, 2018 at 9:51 am #949909

In reply to: Page jumps to video

Dotplusgeert
Participant

Hi Victoria,

It’s the wrong video, you have to scroll down to the end of that page. In Firefox you can only see a link of the video.
In Chrome and Safari you can see the video BUT it plays automatically and I don’t want it to play directly, people have to click on PLAY first.

I hope I make myself clear enough :)

April 27, 2018 at 7:45 am #947688

In reply to: Tab-Section: Auto adjust height doesnt work correct

Maw87
Participant

Hi Ismael,

I´ve just deactivated autoptimize and wp super cache and all the other plugins, but it doesn´t change anything. As you can see on screenshot 1 (private) theres a big white space below the masonry gallery on first view of the page. as soon as I switch the tabs and back to the first tab it works correctly (screenshot 2).
I just recognized the problem appears just when the masonry gallery isnt visible at the first view of the page (screenshot 3). So the image-animations (images fading in) of the gallery starts when you scroll down.
If I delete the “slide show full width” on top of the page, so that the masonry gallery is visible from beginning, then it works fine. But as soon as gallery isnt visible then the auto height function doesnt work properly in tab-section.
Tried on another installation and same problem.

Best,
Marc

April 25, 2018 at 11:47 pm #946942

Topic: finding a shortcode ?

in forum Enfold
smarta-brett
Participant
on this page http://gccre.com.au/ (access pw = ” twist ” )

I have a full width slider – I want to add this slider image and link to a template page for a plug-in
this is a page using the tempolate
http://gccre.com.au/commercial/professional-offices-2/

for the moment I have just used the code generated on the page (shown below) and the image sits there ok – but I know it is not correct and will not update if the slider is updated in the admin

I’ve manage to discover the shortcode (hook or whatever its called) for the widget panel

but can you tell me what the shortcode/hook is or where/how I can find it?

here is the code I have used for the moment
```
<div id="full_slider_2" class="avia-fullwidth-slider main_color avia-shadow   avia-builder-el-5  el_after_av_one_third  avia-builder-el-last  slider-not-first container_wrap fullsize"><div data-size="no scaling" data-lightbox_size="large" data-animation="slide" data-ids="16703" data-video_counter="0" data-autoplay="false" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow_full" data-interval="5" data-class=" " data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-src="" data-position="top left" data-repeat="no-repeat" data-attach="scroll" data-stretch="" class="avia-slideshow avia-slideshow-2  av-control-default avia-slideshow-no scaling av_slideshow_full   avia-slide-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner" style="padding: 0px;"><li class="av-single-slide slide-1  active-slide" style="visibility: visible; opacity: 1; transition: none; transform: translateZ(0px);"><div data-rel="slideshow-2" class="avia-slide-wrap"><div class="caption_fullwidth av-slideshow-caption caption_bottom"><div class="container caption_container"><div class="slideshow_caption"><div class="slideshow_inner_caption"><div class="slideshow_align_caption"><a href="http://gccre.com.au/contact/" class="avia-slideshow-button avia-button avia-color-black " data-duration="800" data-easing="easeInOutQuad">contact us</a></div></div></div></div></div><img src="http://gccre.com.au/wp-content/uploads/2018/04/bottom-final.jpg" width="2000" height="377" title="bottom-final" alt="" itemprop="thumbnailUrl" style="left: 0px;"></div></li></ul></div></div>
```
April 25, 2018 at 3:12 pm #946617

Topic: CSS code in header to switch between Mobile header image & desktop header image

in forum Enfold

johnebase
Participant

will this code switch two different header images one for mobile sized screen one for desktop sized screen?

.home .site-header {
height: 262px;
background: url(“images/big.png”) no-repeat scroll 0 0 transparent;
}

.site-header {
max-width: 980px;
margin: 0 auto;
width: 100%;
height: 149px;
background: url(“images/small.png”) no-repeat scroll 0 0 transparent;
}

April 24, 2018 at 11:59 pm #946291

In reply to: Easy Property Listings with Enfold

smarta-brett
Participant

further to posting I have been able get rid of the php errors

now it’s just a layout issue with this page
http://gccre.com.au/commercial/large-office-training-facility/
as explained above I want to add the footer image and the widget area to the right on this page
I’ve dropped the footer in using

<div id="full_slider_2" class="avia-fullwidth-slider main_color avia-shadow avia-builder-el-5 el_after_av_one_third avia-builder-el-last slider-not-first container_wrap fullsize"><div data-size="no scaling" data-lightbox_size="large" data-animation="slide" data-ids="16703" data-video_counter="0" data-autoplay="false" data-bg_slider="false" data-slide_height="" data-handle="av_slideshow_full" data-interval="5" data-class=" " data-css_id="" data-scroll_down="" data-control_layout="av-control-default" data-custom_markup="" data-perma_caption="" data-autoplay_stopper="" data-image_attachment="" data-min_height="0px" data-src="" data-position="top left" data-repeat="no-repeat" data-attach="scroll" data-stretch="" class="avia-slideshow avia-slideshow-2 av-control-default avia-slideshow-no scaling av_slideshow_full avia-slide-slider" itemprop="ImageObject" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><ul class="avia-slideshow-inner" style="padding: 0px;"><li class="av-single-slide slide-1 active-slide" style="visibility: visible; opacity: 1; transition: none; transform: translateZ(0px);"><div data-rel="slideshow-2" class="avia-slide-wrap"><div class="caption_fullwidth av-slideshow-caption caption_bottom"><div class="container caption_container"><div class="slideshow_caption"><div class="slideshow_inner_caption"><div class="slideshow_align_caption"><a href="http://gccre.com.au/contact/" class="avia-slideshow-button avia-button avia-color-black " data-duration="800" data-easing="easeInOutQuad">contact us</a></div></div></div></div></div><img src="http://gccre.com.au/wp-content/uploads/2018/04/bottom-final.jpg" width="2000" height="377" title="bottom-final" alt="" itemprop="thumbnailUrl" style="left: 0px;"></div></li></ul></div></div>

which I got off “inspect ” code in Chrome and it has the result I want but I’m pretty sure its not the correct way to do it – BUT at least i know how & where to drop the correct code

so I was hoping you could tell me what is or where I could find the correct code to drop into the template file

April 23, 2018 at 9:52 am #945317

In reply to: Change Secondary Menu to logo area (place of primary menu)
brandhands
Participant
Hello,

for the part in the menu I need a freelancer, alright?

The main menu is moved to the left side now. I have added this code:
```
.html_av-overlay-side .av-burger-overlay-scroll {
	left: 0;
	right: auto;
}
```
But the opening animation is still from right to left (closing from left to right) – How can I reverse this animation?

Best greetings.
Author

Search Results

Viewing 30 results - 451 through 480 (of 1,181 total)

← 1 2 3 … 15 16 17 … 38 39 40 →

Follow us on Facebook

Kriesi13.000+ likes

Open facebook page

Join our Facebook community

Subscribe to our Newsletter