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

Hey Woutski,
Thank you for the link to your example site, when I look at it, it looks like the grid of icons at the top, linking to a sections lower on the page, in each section is a content slider showing one item with pagination to see more from this group. To create this I would use the Gallery element at the top of a page with a custom link added to each image as a anchor link to lower sections:

and then in the advanced tab set the link settings to Use custom link so the anchor links will be used.

Then using columns for the lower sections add a custom ID for the anchor links to point to:

Then in the columns use a Post Slider elements, each one with a different taxonomy, or category, for this example I used Portfolio Entries

and set it to show only one column with navigation arrows always showing.
This is how the backend looks:

and the frontend:

Now when a icon is clicked at the top of the page, you will scroll down to that section and then can use the navigation arrows to see more items from that group. When more items are added to that taxonomy then will automatically show in the correct group.

Best regards,
Mike

June 1, 2024 at 1:09 am #1447225

Topic: Autoscroll Issue with iFrame

in forum Enfold

kalimeromax

Participant

Hello team,

I hope you are well. I am experiencing an issue with the Enfold theme on my WordPress site and I am hoping you can assist me.

Every time I insert an iFrame on my page and reload the page, an autoscroll is triggered. The autoscroll occurs depending on the position where the page was scrolled before the reload, causing the page to land at different positions after the reload.

Could you please take a look at this on my site and help me resolve this problem? There is a link to the relevant page in the private content.
I look forward to your response and thank you in advance for your help.

Best regards,
Max

May 31, 2024 at 9:31 am #1447165

Topic: all portfolio’s on one page

in forum Pre Sale Questions

Woutski

Participant

Hi,

Is it possible to create one portfoliopage in where I see at the top the portfoliogrid with logo’s. and lower in that same page the portfolio items
By clicking a logo in the portfoliogrid it would scroll to the right portfolio item. Of cours every new portfolio item is automatically placed in the grid and in the page

Thanks in advance

Woutski

May 18, 2024 at 7:58 pm #1444388

In reply to: Embedding images in the navigation

Hey reqonsult,
Please see our documentation for our mega menu, if this link doesn’t scroll to the Add Images to mega menu section automatically, please scroll down to it.

Best regards,
Mike

May 7, 2024 at 8:19 pm #1442608

Topic: Glitch on mobile

in forum Enfold

northorie

Participant

Hi, I guess my custom css produces a glitch on mobile: The underlined font is not displayed properly and the cookie banner appears misplaced (at the far bottom of the page).
On Desktop everthing looks great. Can you help me please?

This is my custom css:

/* Header mobile */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed;
  }
}
@media only screen and (max-width: 767px) {
.responsive #header_main .container {
    height: 50px !important;
}
.responsive .logo a {
    vertical-align: top !important;
}
.responsive .logo img {
    max-height: 50px !important;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    top: -15px;
    height: 45px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
}
}
@media only screen and (max-width: 500px) { 
.responsive #top #wrap_all #main {
        padding-top: 50px !important;
    }
}
/* Farbe Nachrichtenversand */
h3.avia-form-success{
 color:#99a502!important;	
}
/* Header Button Mobile*/
@media only screen and (max-width: 767px) {
.home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
    bottom: 325px;
    left: 300px;
}
.home .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: #a37652;
    color: white;
    border-radius: 10px;
}
}
@media only screen and (max-width: 767px) {
  #top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: #a37652;
    color: white;
  border-radius: 10px;
  }
}
/* Text mit Foto*/
.avia_textblock p img {
	  border-radius: 100%;
	  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
}
.avia_textblock img.alignleft {
  margin-right: 40px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) { 
#hello .avia_textblock img {
	width: 50%;
}
}
/* ScrollDown Pfeil */
#top .scroll-down-link {
	color: #a47654;
}
/* Blog Leerzeile entfernen */
.page-id-691 #after_section_2 {
  display: none; 
}
/* Blog Postdatum entfernen */
.page-id-691 .av-masonry .av-masonry-date {
  display: none; 
}
/* SocialMedia Icons*/
#top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
    color: #fff;
    background-color: #c82161;
}
/* Icon Circle schneller*/
.avia_start_animation .avia-icon-circles-inner {
  transition: all 0s cubic-bezier(0,0,0,0);
}
/* Desktop Menu*/
@media only screen and (max-width: 2500px) {
  #top #header.av_header_transparency .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header.av_header_transparency .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}
/* Header Button Desktop*/
@media only screen and (max-width: 450px) { 
.slideshow_inner_caption {
	top: -40px;
}
}
@media only screen and (min-width: 768px) { 
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
    width: 500px;
    height: 56px;
    font-size: 22px;
}
@media only screen and (min-width: 768px) { 
.slideshow_inner_caption {
	top: -125px;
}
}
#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: #a37652;
    color: white;
    border-radius: 10px;
}
#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover {
    background-color: #c79a52;
    color: white;
    border-radius: 15px;
}
/* CookieBanner*/
#top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn,
#top .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn {
    background-color: #484f5d;
    color: #ffffff;
    border-color: #484f5d;
   border-radius: 10px;
}
#top #wrap_all .header_color #menu-item-1628.av-menu-button-colored > a .avia-menu-text,
#top #wrap_all .header_color #menu-item-1627.av-menu-button-colored > a .avia-menu-text {
    background-color: #484f5d;
    color: #ffffff;
    border-color: #484f5d;
   border-radius: 10px;
}
.html_elegant-blog #top .avia-content-slider .blog-categories {
  display:  none;
}

Website-Link on private content.

Thank you in advance an best regards!

May 6, 2024 at 3:13 pm #1442445

In reply to: Fullscreen Slider: Different Button Position on Dekstop and mobile?

northorie

Thanks, I guess I fixed my css by coping each code one by one back in.
On Desktop everything looks good again.
But the button on the mobile slider just won’t change.
Here is my current full css.

/* Header mobile */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed;
  }
}
@media only screen and (max-width: 767px) {
.responsive #header_main .container {
    height: 50px !important;
}
.responsive .logo a {
    vertical-align: top !important;
}
.responsive .logo img {
    max-height: 50px !important;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    top: -15px;
    height: 45px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
}
}
@media only screen and (max-width: 500px) { 
.responsive #top #wrap_all #main {
        padding-top: 50px !important;
    }
}
/* Farbe Nachrichtenversand */
h3.avia-form-success{
 color:#99a502!important;	
}
/* Text mit Foto*/
.avia_textblock p img {
	  border-radius: 100%;
	  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
}
.avia_textblock img.alignleft {
  margin-right: 40px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) { 
#hello .avia_textblock img {
	width: 50%;
}
}
/* ScrollDown Pfeil */
#top .scroll-down-link {
	color: #a47654;
}
/* Blog Leerzeile entfernen */
.page-id-691 #after_section_2 {
  display: none; 
}
/* Blog Postdatum entfernen */
.page-id-691 .av-masonry .av-masonry-date {
  display: none; 
}
/* SocialMedia Icons*/
#top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
    color: #fff;
    background-color: #c82161;
}
/* Icon Circle schneller*/
.avia_start_animation .avia-icon-circles-inner {
  transition: all 0.2s cubic-bezier(0.175,0.885,0.320,1.275);
}
/* Desktop Menu*/
@media only screen and (max-width: 2500px) {
  #top #header.av_header_transparency .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header.av_header_transparency .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}
/* Header Button Desktop*/
@media only screen and (max-width: 450px) { 
.slideshow_inner_caption {
	top: -40px;
}
}
@media only screen and (min-width: 768px) { 
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
    width: 500px;
    height: 56px;
    font-size: 22px;
}
@media only screen and (min-width: 768px) { 
.slideshow_inner_caption {
	top: -125px;
}
}
#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: #a37652;
    color: white;
    border-radius: 10px;
}
#top #wrap_all .slideshow_inner_caption .avia-slideshow-button.avia-button:hover {
    background-color: #c79a52;
    color: white;
    border-radius: 15px;
}
/* Header Button Mobile*/
@media only screen and (max-width: 767px) {
.home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
    bottom: 250px;
}
.home .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: #a37652;
    color: white;
    border-radius: 10px;
}
}

May 4, 2024 at 1:05 pm #1442278

In reply to: Fullscreen Slider: Different Button Position on Dekstop and mobile?

northorie

I’m just not looking through in my css anymore. I’m afraid to make it worse
Can you please help me?

/* Header mobile */
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed;
  }
}
@media only screen and (max-width: 767px) {
.responsive #header_main .container {
    height: 50px !important;
}
.responsive .logo a {
    vertical-align: top !important;
}
.responsive .logo img {
    max-height: 50px !important;
}
}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .main_menu {
    top: -15px;
    height: 45px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
}
}
@media only screen and (max-width: 500px) { 
.responsive #top #wrap_all #main {
        padding-top: 50px !important;
    }
}
/* Farbe Nachrichtenversand */
h3.avia-form-success{
 color:#99a502!important;	
}
/* Text mit Foto*/
.avia_textblock p img {
	  border-radius: 100%;
	  box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px 4px;
}
.avia_textblock img.alignleft {
  margin-right: 40px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) { 
#hello .avia_textblock img {
	width: 50%;
}
}
/* ScrollDown Pfeil */
#top .scroll-down-link {
	color: #a47654;
}
.html_header_transparency #top #main .caption_bottom .slideshow_caption {
    padding-top: 0;
}
}
@media only screen and (max-width: 767px) { 
	#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
	padding: 10px 6px;
	font-size: 10px;
}
}
.html_header_transparency #top #main .caption_bottom .slideshow_caption {
    padding-top: 0;
}
}
/* SlideShow Button Desktop*/
@media only screen and (min-width: 768px) { 
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
    position: relative;
    text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
    width: 500px;
    height: 56px;
    font-size: 22px;
}
@media only screen and (min-width: 768px) { 
.slideshow_inner_caption {
	top: -125px;
}
}
/* SlideShow Button Mobil */
@media only screen and (max-width: 767px) {
.home .avia-fullscreen-slider .caption_bottom .slideshow_caption {
    bottom: 250px;
}
.home .slideshow_inner_caption .avia-slideshow-button.avia-button {
    background-color: #a37652;
    color: white;
    border-radius: 10px;
}
}
/* SocialMedia Icons*/
#top #wrap_all .av-social-link-instagram:hover a, #top #wrap_all .av-social-link-instagram a:focus {
    color: #fff;
    background-color: #c82161;
}
.page-id-691 .av-masonry .av-masonry-date {
  display: none; 
}
.avia_start_animation .avia-icon-circles-inner {
  transition: all 0.2s cubic-bezier(0.175,0.885,0.320,1.275);
}
@media only screen and (max-width: 2500px) {
  #top #header.av_header_transparency .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header.av_header_transparency .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}
.page-id-691 #after_section_2 {
  display: none; 
}

April 24, 2024 at 12:10 pm #1440680

Topic: Tip: responsive Mega-Div

in forum Enfold

Guenni007

Participant

You do not need to decide it on dashboard – menu how the mega div will look like.
(“this column should start a new row”)
You can handle the mega div to show as grid layout.

if you have to decide it for different mega-divs you had to differ via the parent menu item id ( e.g.: #menu-item-123 or a count number set on avia_mega_div e.g: .avia_mega_div.avia_mega1 )

i got on my test page a mega menu with 5 columns – so i set it to:

#top  .avia_mega_div > .sub-menu {
  display: grid !important;
  margin:0;
  gap: 20px 0px;
  grid-auto-flow:row;
  grid-template-columns: repeat(5, 1fr);  /*** that means 5 grid-cells with each 1 fraction (same size)  ***/
}

#top #header .avia_mega_div > .sub-menu > li {
  display: block !important;
  width: unset;
  position: relative;
}

#top #header .avia_mega_div {
  max-width: 100vw;  /*** if it is neccessary ***/
}

now for responsive behavior set some media queries:

@media only screen and (min-width: 990px)  and (max-width: 1199px) {
  #top #header .avia_mega_div > .sub-menu {
    grid-template-columns:repeat(3, 1fr);  /*** now 3 grid-cells - grid-auto-flow: row will make a new row ***/
  }

/*** i want to center the second row - so i shift 4th, and 5th column***/
  #top #header .avia_mega_div > .sub-menu > li:nth-of-type(n+4) {
    display: block;
    position: relative;
    left: 50%; /**** if you have a column-gap between the cells - then your had to calculate a correction - half the gap-size  ****/
  }
  #header .avia_mega_div {
    overflow-y: scroll;  /*** needed - if your mega-div height is too large for your device ***/
    max-height: calc(100vh - 200px);  /*** depends on your header height ***/
  }
}

result –
on top 5 columns besides each other
on bottom between 990px and 1199px

April 16, 2024 at 9:41 pm #1440136

Topic: Active Campaign Full Embed Code Breaks The Page

in forum Enfold

dancedojo

Participant

Hi, I’m trying to add Active Campaign forms to my website using the advanced editor code block but they’re breaking the page.

There are two embed options: a one-line “simple embed” and a “full embed code.” I need to use the full embed code so I can customize the form. (both snippets pasted at end of this message).

The simple embed code works in the advanced editor’s code block, but the full embed code breaks the page. See me recreate the issue on https://staging.thedancedojo.com/test/ here: https://www.loom.com/share/fa897947dd5a460eb5967abf9d367208

On the live site, I originally created an About page https://thedancedojo.com/about/ using the full embed code and the page saved and can be viewed, but now I can’t edit it. When I try to edit it the advanced editor won’t load – the spinner goes forever.

Any idea why this could be happening?

You can use this page for testing: https://staging.thedancedojo.com/test/

Robin

==== ACTIVE CAMPAIGN FULL EMBED CODE =====
<div class=”_form_1189″></div><script src=”https://dancedojo.activehosted.com/f/embed.php?id=1189″ charset=”utf-8″></script>

==== ACTIVE CAMPAIGN FULL EMBED CODE =====
<style>@import url(https://fonts.bunny.net/css?family=open-sans:400,700);</style>
<style>
#_form_1189_{font-size:14px;line-height:1.6;font-family:arial, helvetica, sans-serif;margin:0}#_form_1189_ *{outline:0}._form_hide{display:none;visibility:hidden}._form_show{display:block;visibility:visible}#_form_1189_._form-top{top:0}#_form_1189_._form-bottom{bottom:0}#_form_1189_._form-left{left:0}#_form_1189_._form-right{right:0}#_form_1189_ input[type=”text”],#_form_1189_ input[type=”tel”],#_form_1189_ input[type=”date”],#_form_1189_ textarea{padding:6px;height:auto;border:#979797 1px solid;border-radius:4px;color:#000000 !important;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#_form_1189_ textarea{resize:none}#_form_1189_ ._submit{-webkit-appearance:none;cursor:pointer;font-family:arial, sans-serif;font-size:14px;text-align:center;background:#FF9100 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:10px !important}#_form_1189_ ._submit:disabled{cursor:not-allowed;opacity:0.4}#_form_1189_ ._submit.processing{position:relative}#_form_1189_ ._submit.processing::before{content:””;width:1em;height:1em;position:absolute;z-index:1;top:50%;left:50%;border:double 3px transparent;border-radius:50%;background-image:linear-gradient(#FF9100, #FF9100), conic-gradient(#FF9100, #FFFFFF);background-origin:border-box;background-clip:content-box, border-box;animation:1200ms ease 0s infinite normal none running _spin}#_form_1189_ ._submit.processing::after{content:””;position:absolute;top:0;bottom:0;left:0;right:0;background:#FF9100 !important;border:0 !important;-moz-border-radius:4px !important;-webkit-border-radius:4px !important;border-radius:4px !important;color:#FFFFFF !important;padding:10px !important}@keyframes _spin{0%{transform:translate(-50%, -50%) rotate(90deg)}100%{transform:translate(-50%, -50%) rotate(450deg)}}#_form_1189_ ._close-icon{cursor:pointer;background-image:url(“https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png”);background-repeat:no-repeat;background-size:14.2px 14.2px;position:absolute;display:block;top:11px;right:9px;overflow:hidden;width:16.2px;height:16.2px}#_form_1189_ ._close-icon:before{position:relative}#_form_1189_ ._form-body{margin-bottom:30px}#_form_1189_ ._form-image-left{width:150px;float:left}#_form_1189_ ._form-content-right{margin-left:164px}#_form_1189_ ._form-branding{color:#fff;font-size:10px;clear:both;text-align:left;margin-top:30px;font-weight:100}#_form_1189_ ._form-branding ._logo{display:block;width:130px;height:14px;margin-top:6px;background-image:url(“https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png”);background-size:130px auto;background-repeat:no-repeat}#_form_1189_ .form-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}#_form_1189_ ._form-label,#_form_1189_ ._form_element ._form-label{font-weight:bold;margin-bottom:5px;display:block}#_form_1189_._dark ._form-branding{color:#333}#_form_1189_._dark ._form-branding ._logo{background-image:url(“https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png”)}#_form_1189_ ._form_element{position:relative;margin-bottom:10px;font-size:0;max-width:100%}#_form_1189_ ._form_element *{font-size:14px}#_form_1189_ ._form_element._clear{clear:both;width:100%;float:none}#_form_1189_ ._form_element._clear:after{clear:left}#_form_1189_ ._form_element input[type=”text”],#_form_1189_ ._form_element input[type=”date”],#_form_1189_ ._form_element select,#_form_1189_ ._form_element textarea:not(.g-recaptcha-response){display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:inherit}#_form_1189_ ._field-wrapper{position:relative}#_form_1189_ ._inline-style{float:left}#_form_1189_ ._inline-style input[type=”text”]{width:150px}#_form_1189_ ._inline-style:not(._clear)+._inline-style:not(._clear){margin-left:20px}#_form_1189_ ._form_element img._form-image{max-width:100%}#_form_1189_ ._form_element ._form-fieldset{border:0;padding:0.01em 0 0 0;margin:0;min-width:0}#_form_1189_ ._clear-element{clear:left}#_form_1189_ ._full_width{width:100%}#_form_1189_ ._form_full_field{display:block;width:100%;margin-bottom:10px}#_form_1189_ input[type=”text”]._has_error,#_form_1189_ textarea._has_error{border:#F37C7B 1px solid}#_form_1189_ input[type=”checkbox”]._has_error{outline:#F37C7B 1px solid}#_form_1189_ ._error{display:block;position:absolute;font-size:14px;z-index:10000001}#_form_1189_ ._error._above{padding-bottom:4px;bottom:39px;right:0}#_form_1189_ ._error._below{padding-top:8px;top:100%;right:0}#_form_1189_ ._error._above ._error-arrow{bottom:-4px;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #FFDDDD}#_form_1189_ ._error._below ._error-arrow{top:0;right:15px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #FFDDDD}#_form_1189_ ._error-inner{padding:12px 12px 12px 36px;background-color:#FFDDDD;background-image:url(“data:image/svg+xml,%3Csvg width=’16’ height=’16’ viewBox=’0 0 16 16′ fill=’none’ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath fill-rule=’evenodd’ clip-rule=’evenodd’ d=’M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM9 3V9H7V3H9ZM9 13V11H7V13H9Z’ fill=’%23CA0000’/%3E%3C/svg%3E”);background-repeat:no-repeat;background-position:12px center;font-size:14px;font-family:arial, sans-serif;font-weight:600;line-height:16px;color:#000;text-align:center;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0px 1px 4px rgba(31, 33, 41, 0.298295)}#_form_1189_ ._error-inner._form_error{margin-bottom:5px;text-align:left}#_form_1189_ ._button-wrapper ._error-inner._form_error{position:static}#_form_1189_ ._error-inner._no_arrow{margin-bottom:10px}#_form_1189_ ._error-arrow{position:absolute;width:0;height:0}#_form_1189_ ._error-html{margin-bottom:10px}.pika-single{z-index:10000001 !important}#_form_1189_ input[type=”text”].datetime_date{width:69%;display:inline}#_form_1189_ select.datetime_time{width:29%;display:inline;height:32px}#_form_1189_ input[type=”date”].datetime_date{width:69%;display:inline-flex}#_form_1189_ input[type=”time”].datetime_time{width:29%;display:inline-flex}@media (min-width:320px) and (max-width:667px){::-webkit-scrollbar{display:none}#_form_1189_{margin:0;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}#_form_1189_ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:1em}#_form_1189_ ._form-content{margin:0;width:100%}#_form_1189_ ._form-inner{display:block;min-width:100%}#_form_1189_ ._form-title,#_form_1189_ ._inline-style{margin-top:0;margin-right:0;margin-left:0}#_form_1189_ ._form-title{font-size:1.2em}#_form_1189_ ._form_element{margin:0 0 20px;padding:0;width:100%}#_form_1189_ ._form-element,#_form_1189_ ._inline-style,#_form_1189_ input[type=”text”],#_form_1189_ label,#_form_1189_ p,#_form_1189_ textarea:not(.g-recaptcha-response){float:none;display:block;width:100%}#_form_1189_ ._row._checkbox-radio label{display:inline}#_form_1189_ ._row,#_form_1189_ p,#_form_1189_ label{margin-bottom:0.7em;width:100%}#_form_1189_ ._row input[type=”checkbox”],#_form_1189_ ._row input[type=”radio”]{margin:0 !important;vertical-align:middle !important}#_form_1189_ ._row input[type=”checkbox”]+span label{display:inline}#_form_1189_ ._row span label{margin:0 !important;width:initial !important;vertical-align:middle !important}#_form_1189_ ._form-image{max-width:100%;height:auto !important}#_form_1189_ input[type=”text”]{padding-left:10px;padding-right:10px;font-size:16px;line-height:1.3em;-webkit-appearance:none}#_form_1189_ input[type=”radio”],#_form_1189_ input[type=”checkbox”]{display:inline-block;width:1.3em;height:1.3em;font-size:1em;margin:0 0.3em 0 0;vertical-align:baseline}#_form_1189_ button[type=”submit”]{padding:20px;font-size:1.5em}#_form_1189_ ._inline-style{margin:20px 0 0 !important}}#_form_1189_{position:relative;text-align:left;margin:25px auto 0;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#FFFFFF !important;border:0px solid #B0B0B0 !important;-moz-border-radius:0px !important;-webkit-border-radius:0px !important;border-radius:0px !important;color:#000000}#_form_1189_._inline-form,#_form_1189_._inline-form ._form-content{font-family:Open Sans;font-size:14px;font-weight:400}#_form_1189_._inline-form ._row span,#_form_1189_._inline-form ._row label{font-family:Open Sans;font-size:14px;font-weight:400;line-height:1.6em;color:black !important}#_form_1189__inlineform input[type=”text”],#_form_1189__inlineform input[type=”date”],#_form_1189__inlineform input[type=”tel”],#_form_1189__inlineform select,#_form_1189__inlineform textarea:not(.g-recaptcha-response){font-family:Open Sans;font-size:14px;font-weight:400;font-color:#000000;line-height:1.6em}#_form_1189_._inline-form ._html-code *,#_form_1189_._inline-form ._form-thank-you{font-family:Open Sans;font-size:14px;font-weight:400;color:black !important}#_form_1189_._inline-form ._form-label,#_form_1189_._inline-form ._form-checkbox-option-label,#_form_1189_._inline-form ._form-checkbox-option-description{font-family:Open Sans;font-size:14px;font-weight:700;line-height:1.6em;color:black !important}#_form_1189_._inline-form ._submit{font-family:Open Sans;font-size:14px;font-weight:400}#_form_1189_._inline-form ._form-title{font-family:Open Sans;font-size:22px;line-height:normal;font-weight:700;color:black;margin-bottom:0}#_form_1189_._inline-form ._form-branding{font-family:”IBM Plex Sans”, Helvetica, sans-serif;font-size:13px;font-weight:100;font-style:normal;text-decoration:none}#_form_1189_:before,#_form_1189_:after{content:” “;display:table}#_form_1189_:after{clear:both}#_form_1189_._inline-style{width:auto;display:inline-block}#_form_1189_._inline-style input[type=”text”],#_form_1189_._inline-style input[type=”date”]{padding:10px 12px}#_form_1189_._inline-style button._inline-style{position:relative;top:27px}#_form_1189_._inline-style p{margin:0}#_form_1189_._inline-style ._button-wrapper{position:relative;margin:27px 12.5px 0 20px}#_form_1189_ ._form-thank-you{position:relative;left:0;right:0;text-align:center;font-size:18px}@media (min-width:320px) and (max-width:667px){#_form_1189_._inline-form._inline-style ._inline-style._button-wrapper{margin-top:20px !important;margin-left:0 !important}}#_form_1189_ .iti.iti–allow-dropdown.iti–separate-dial-code{width:100%}#_form_1189_ .iti input{width:100%;height:32px;border:#979797 1px solid;border-radius:4px}#_form_1189_ .iti–separate-dial-code .iti__selected-flag{background-color:#FFFFFF;border-radius:4px}#_form_1189_ .iti–separate-dial-code .iti__selected-flag:hover{background-color:rgba(0, 0, 0, 0.05)}#_form_1189_ .iti__country-list{border-radius:4px;margin-top:4px;min-width:460px}#_form_1189_ .iti__country-list–dropup{margin-bottom:4px}#_form_1189_ .phone-error-hidden{display:none}#_form_1189_ .phone-error{color:#E40E49}#_form_1189_ .phone-input-error{border:1px solid #E40E49 !important}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field fieldset{margin:0;margin-bottom:1.1428571429em;border:none;padding:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field fieldset:last-child{margin-bottom:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field legend{margin-bottom:1.1428571429em}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field label{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:0.8571428571em}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field label:last-child{margin-bottom:0}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field input{margin:0;margin-right:8px}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-label{line-height:1;display:block;font-weight:700}#_form_1189_._inline-form ._form-content ._form-list-subscriptions-field ._form-checkbox-option-description{margin:0;margin-top:0.3333333333em;font-size:0.8571428571em}</style>
<div style=”text-align: center;”>
<form method=”POST” action=”https://dancedojo.activehosted.com/proc.php” id=”_form_1189_” class=”_form _form_1189 _inline-form _inline-style _dark” novalidate data-styles-version=”5″>
<input type=”hidden” name=”u” value=”1189″ />
<input type=”hidden” name=”f” value=”1189″ />
<input type=”hidden” name=”s” />
<input type=”hidden” name=”c” value=”0″ />
<input type=”hidden” name=”m” value=”0″ />
<input type=”hidden” name=”act” value=”sub” />
<input type=”hidden” name=”v” value=”2″ />
<input type=”hidden” name=”or” value=”47465d44b72343bc96c14669a6731293″ />
<div class=”_form-content”>
<div class=”_form_element _x10052403 _inline-style ” >
<label for=”email” class=”_form-label”>

</label>
<div class=”_field-wrapper”>
<input type=”text” id=”email” name=”email” placeholder=”Your email” required/>
</div>
</div>
<div class=”_button-wrapper _inline-style”>
<button id=”_form_1189_submit” class=”_submit” type=”submit”>
Start Learning
</button>
</div>
<div class=”_clear-element”>
</div>
</div>
<div class=”_form-thank-you” style=”display:none;”>
</div>
</form>
</div><script>
window.cfields = [];
window._show_thank_you = function(id, message, trackcmp_url, email) {
var form = document.getElementById(‘_form_’ + id + ‘_’), thank_you = form.querySelector(‘._form-thank-you’);
form.querySelector(‘._form-content’).style.display = ‘none’;
thank_you.innerHTML = message;
thank_you.style.display = ‘block’;
const vgoAlias = typeof visitorGlobalObjectAlias === ‘undefined’ ? ‘vgo’ : visitorGlobalObjectAlias;
var visitorObject = window[vgoAlias];
if (email && typeof visitorObject !== ‘undefined’) {
visitorObject(‘setEmail’, email);
visitorObject(‘update’);
} else if (typeof(trackcmp_url) != ‘undefined’ && trackcmp_url) {
// Site tracking URL to use after inline form submission.
_load_script(trackcmp_url);
}
if (typeof window._form_callback !== ‘undefined’) window._form_callback(id);
};
window._show_unsubscribe = function(id, message, trackcmp_url, email) {
var form = document.getElementById(‘_form_’ + id + ‘_’), unsub = form.querySelector(‘._form-thank-you’);
var branding = form.querySelector(‘._form-branding’);
if (branding) {
branding.style.display = ‘none’;
}
form.querySelector(‘._form-content’).style.display = ‘none’;
unsub.style.display = ‘block’;
form.insertAdjacentHTML(‘afterend’, message)
const vgoAlias = typeof visitorGlobalObjectAlias === ‘undefined’ ? ‘vgo’ : visitorGlobalObjectAlias;
var visitorObject = window[vgoAlias];
if (email && typeof visitorObject !== ‘undefined’) {
visitorObject(‘setEmail’, email);
visitorObject(‘update’);
} else if (typeof(trackcmp_url) != ‘undefined’ && trackcmp_url) {
// Site tracking URL to use after inline form submission.
_load_script(trackcmp_url);
}
if (typeof window._form_callback !== ‘undefined’) window._form_callback(id);
};
window._show_error = function(id, message, html) {
var form = document.getElementById(‘_form_’ + id + ‘_’),
err = document.createElement(‘div’),
button = form.querySelector(‘button’),
old_error = form.querySelector(‘._form_error’);
if (old_error) old_error.parentNode.removeChild(old_error);
err.innerHTML = message;
err.className = ‘_error-inner _form_error _no_arrow’;
var wrapper = document.createElement(‘div’);
wrapper.className = ‘_form-inner’;
wrapper.appendChild(err);
button.parentNode.insertBefore(wrapper, button);
var submitButton = form.querySelector(‘[id^=”_form”][id$=”_submit”]’);
submitButton.disabled = false;
submitButton.classList.remove(‘processing’);
if (html) {
var div = document.createElement(‘div’);
div.className = ‘_error-html’;
div.innerHTML = html;
err.appendChild(div);
}
};
window._load_script = function(url, callback, isSubmit) {
var head = document.querySelector(‘head’), script = document.createElement(‘script’), r = false;
var submitButton = document.querySelector(‘#_form_1189_submit’);
script.charset = ‘utf-8’;
script.src = url;
if (callback) {
script.onload = script.onreadystatechange = function() {
if (!r && (!this.readyState || this.readyState == ‘complete’)) {
r = true;
callback();
}
};
}
script.onerror = function() {
if (isSubmit) {
if (script.src.length > 10000) {
_show_error(“1189”, “Sorry, your submission failed. Please shorten your responses and try again.”);
} else {
_show_error(“1189”, “Sorry, your submission failed. Please try again.”);
}
submitButton.disabled = false;
submitButton.classList.remove(‘processing’);
}
}

head.appendChild(script);
};
(function() {
if (window.location.search.search(“excludeform”) !== -1) return false;
var getCookie = function(name) {
var match = document.cookie.match(new RegExp(‘(^|; )’ + name + ‘=([^;]+)’));
return match ? match[2] : null;
}
var setCookie = function(name, value) {
var now = new Date();
var time = now.getTime();
var expireTime = time + 1000 * 60 * 60 * 24 * 365;
now.setTime(expireTime);
document.cookie = name + ‘=’ + value + ‘; expires=’ + now + ‘;path=/; Secure; SameSite=Lax;’;
}
var addEvent = function(element, event, func) {
if (element.addEventListener) {
element.addEventListener(event, func);
} else {
var oldFunc = element[‘on’ + event];
element[‘on’ + event] = function() {
oldFunc.apply(this, arguments);
func.apply(this, arguments);
};
}
}
var _removed = false;
var form_to_submit = document.getElementById(‘_form_1189_’);
var allInputs = form_to_submit.querySelectorAll(‘input, select, textarea’), tooltips = [], submitted = false;

for (var i = 0; i < allInputs.length; i++) {
var regexStr = “field\\[(\\d+)\\]”;
var results = new RegExp(regexStr).exec(allInputs[i].name);
if (results != undefined) {
allInputs[i].dataset.name = allInputs[i].name.match(/\[time\]$/)
? ${window.cfields[results[1]]}_time
: window.cfields[results[1]];
} else {
allInputs[i].dataset.name = allInputs[i].name;
}
var fieldVal = getUrlParam(allInputs[i].dataset.name);

if (fieldVal) {
if (allInputs[i].dataset.autofill === “false”) {
continue;
}
if (allInputs[i].type == “radio” || allInputs[i].type == “checkbox”) {
if (allInputs[i].value == fieldVal) {
allInputs[i].checked = true;
}
} else if (allInputs[i].type == “date”) {
allInputs[i].value = getNormalizedDate(fieldVal, acctDateFormat);
} else if (allInputs[i].type == “time”) {
allInputs[i].value = getNormalizedTime(fieldVal);
} else {
allInputs[i].value = fieldVal;
}
}
}

if((el.id == ‘field[]’ || el.id == ‘ca[11][v]’) && el.className.includes(‘phone-input-error’)){
return true
}

return false
};
var validate_form = function(e) {
var err = form_to_submit.querySelector(‘._form_error’), no_error = true;
if (!submitted) {
submitted = true;
for (var i = 0, len = allInputs.length; i < len; i++) {
var input = allInputs[i];
if (needs_validate(input)) {
if (input.type == ‘tel’) {
addEvent(input, ‘blur’, function() {
this.value = this.value.trim();
validate_field(this, true);
});
}
if (input.type == ‘text’ || input.type == ‘number’ || input.type == ‘time’) {
addEvent(input, ‘blur’, function() {
this.value = this.value.trim();
validate_field(this, true);
});
addEvent(input, ‘input’, function() {
validate_field(this, true);
});
} else if (input.type == ‘radio’ || input.type == ‘checkbox’) {
(function(el) {
var radios = form_to_submit.elements[el.name];
for (var i = 0; i < radios.length; i++) {
addEvent(radios[i], ‘click’, function() {
validate_field(el, true);
});
}
})(input);
} else if (input.tagName == ‘SELECT’) {
addEvent(input, ‘change’, function() {
validate_field(this, true);
});
} else if (input.type == ‘textarea’){
addEvent(input, ‘input’, function() {
validate_field(this, true);
});
}
}
}
}
remove_tooltips();
for (var i = 0, len = allInputs.length; i < len; i++) {
var elem = allInputs[i];
if (needs_validate(elem)) {
if (elem.tagName.toLowerCase() !== “select”) {
elem.value = elem.value.trim();
}
validate_field(elem) ? true : no_error = false;
}
}
if (!no_error && e) {
e.preventDefault();
}
resize_tooltips();
return no_error;
};
addEvent(window, ‘resize’, resize_tooltips);
addEvent(window, ‘scroll’, resize_tooltips);

var hidePhoneInputError = function(inputId) {
var errorMessage = document.getElementById(“error-msg-” + inputId);
var input = document.getElementById(inputId);
errorMessage.classList.remove(“phone-error”);
errorMessage.classList.add(“phone-error-hidden”);
input.classList.remove(“phone-input-error”);
};

var initializePhoneInput = function(input, defaultCountry) {
return window.intlTelInput(input, {
utilsScript: “https: (Email address hidden if logged out) /build/js/utils.js”,
autoHideDialCode: false,
separateDialCode: true,
initialCountry: defaultCountry,
preferredCountries: []
});
}

input.addEventListener(“countrychange”, function() {
iti.setNumber(”);
});

input.addEventListener(“keydown”, function(e) {
var charCode = (e.which) ? e.which : e.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 8) {
e.preventDefault();
}
});
};

var showPhoneInputError = function(inputId) {
var errorMessage = document.getElementById(“error-msg-” + inputId);
var input = document.getElementById(inputId);
errorMessage.classList.add(“phone-error”);
errorMessage.classList.remove(“phone-error-hidden”);
input.classList.add(“phone-input-error”);
};

const formSupportsPost = false;
var form_submit = function(e) {
e.preventDefault();
if (validate_form()) {
// use this trick to get the submit button & disable it using plain javascript
var submitButton = e.target.querySelector(‘#_form_1189_submit’);
submitButton.disabled = true;
submitButton.classList.add(‘processing’);
var serialized = _form_serialize(
document.getElementById(‘_form_1189_’)
).replace(/%0A/g, ‘\\n’);
var err = form_to_submit.querySelector(‘._form_error’);
err ? err.parentNode.removeChild(err) : false;
async function submitForm() {
var formData = new FormData();
const searchParams = new URLSearchParams(serialized);
searchParams.forEach((value, key) => {
formData.append(key, value);
});

const response = await fetch(‘https://dancedojo.activehosted.com/proc.php?jsonp=true’, {
headers: {
“Accept”: “application/json”
},
body: formData,
method: “POST”
});
return response.json();
}
if (formSupportsPost) {
submitForm().then((data) => {
eval(data.js);
});
} else {
_load_script(‘https://dancedojo.activehosted.com/proc.php?’ + serialized + ‘&jsonp=true’, null, true);
}
}
return false;
};
addEvent(form_to_submit, ‘submit’, form_submit);
})();

</script>

April 16, 2024 at 6:12 pm #1440123

In reply to: Footer Widget Image, Defer Image?

Hi,
Perhaps it is an error in the test, if you check your page with the Dev Tools inspector with the image not scrolled into view you can find the image placeholder and the class avia-img-lazy-loading-9144 but the image is not loaded:

then scroll down to the image and just as it comes into view you will see the image added to the DOM:

Please note that if you use the Ctrl+F to search for the class the page will automatically scroll the element into view, so once you find the place in the DOM scroll the window up so the image is a good way out of view, then reload the page and watch the DOM as you scroll down. You will see the image added to the DOM like in my screenshot above.

Best regards,
Mike

March 14, 2024 at 7:40 am #1437201

In reply to: Quick question about Avia Layout Builder ➡️ plain post

Hey Tim,

Thank you for the inquiry.

You can apply the box shadow to the button by editing the options in the Styling > Box Shadow toggle. You may need to scroll down a bit to see the toggle. Unfortunately, there is no automatic way to convert the content of the Advanced Layout Builder to the default editor. You’ll need to manually copy and paste the text from the builder to the default editor, and manually embed any images if the page contains them.

Best regards,
Ismael

March 8, 2024 at 11:30 pm #1436777

Topic: Links to Items in the Enfold Table of Contents widget

in forum Enfold

webdesignphx

Participant

Hi Enfold Friends

I have 2 questions:
1. On some pages, including https://hangardoors.aero/rolling-hangar-door-configurations we use the Enfold Table of Contents widget. This automatically creates the table of content based on the H2 and H3 headings on the page. If you click on items in the table of contents, it scrolls down to the section beautifully.

Problem: We would like to share links directly to those sections of the page. If you copy the link for any of the table of contents items (i.e., “1 Group of Leaves” (link: https://hangardoors.aero/rolling-hangar-door-configurations#1-group-of-leaves) , that link only takes you to the top of the page rather than the specific scrolled part of the page.

I manually did a workaround by adding red lines and links to those, but maybe you have a better solution for me? https://hangardoors.aero/rolling-hangar-door-configurations/#floating-configuration works but is a separately created link, not copied from the table of contents.

Also question Nr 2 the red circles in the table of content only appear when I am logged in on that page. on others they are there. wonder what could be wrong there.
Thanks so much for your help.

March 7, 2024 at 1:14 pm #1436615

In reply to: logo-mobile-blurry

Guenni007

now you can see on that example page – that i can influence the inline svg logo to have different fill colors if the header is transparent.

in this case i do not use the transparency logo on enfold options. – i just switch the fill color for that case:

.html_header_transparency #header:not(.header-scrolled) .fillColor {
  fill: #FFF;
}

by the way – on your page – i wouldn’t try to set the svg dimension via height – because this is calculated by the shrinking script.
just set a width ( absolute value)

.logo svg {
  /*** margin-top: 10px; ***/
  /*** padding: 10px; ***/
  width: 350px;
  /*** height: auto; ***/
}

so get rid of margin-top, padding and height

February 27, 2024 at 9:07 am #1435551

In reply to: some styles suddenly not loading – Urgent

ausgesonnen

.justify-text {
text-align: justify;
-webkit-hyphens: auto; /* For Safari */
-moz-hyphens: auto; /* For Firefox */
hyphens: auto; /* Standard */
}

#top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe {
background: #fff;
}

.avia-icongrid-front,.avia-icongrid-flipback {
border-radius: 100%;
min-height: 300px;
min-width: 300px;
}

.av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
width: 20%;
font-size: 20px;
font-weight: bold;
text-align: left;
background-color: #000000;
padding: 8px;
}

@media only screen and (max-width: 767px) {
#top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
flex: 1 1 100%;
}
}

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr {
padding-bottom: 20px;
}
}

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
display: block;
}
}
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
padding: 0;
}
}

#top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table {
border: 0;
padding: 10;

}

div .avia-table {
background: transparent;

}

#top.page-id-472 #main .main_color .avia-data-table * {
border: none;
background-color: #fff;
font-size: 18px;
text-align: left;
}

#top.page-id-472 .main_color .avia-data-table.avia_pricing_minimal th {
color: #666666;
width: 15%;
}

#top.page-id-472 .av-hriqo-df64f73a2229a5a484cc56fae9caca2e .avia-data-table td:before {
display: none;
}

.av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
width: 20%;
font-size: 20px;
font-weight: bold;
text-align: left;
background-color: #000000;
padding: 8px;
}

.avia-form-success {
text-align: center;
border-style: solid;
border-width: 0px;
padding: 20px 15px;
line-height: 1.4em;
border-radius: 2px;
clear: both;
Font-size: 14px;
font-weight: normal;
text-decoration: none,
}

.page-id-1331 input, .page-id-1331 textarea {
border-color: #009BDD !important;
}

.input_checkbox_label {
color: #6F6571 !important;
}

.responsive #top #av_section_4 .container {
width: 100%;
}

@media only screen and (max-width: 767px) {
#top #av_section_4 .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback {
padding: 0 3em;
}
}

@media only screen and (max-width: 767px) {
#top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
flex: 1 1 100%;
}

.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner {
padding: 0 3em;
}

.all_colors h3 {

line-height: 1.3; /* Adjust the value to increase or decrease spacing */
}

.keinspace span {
display: block; /* Ensure the span is treated as a block element */
margin-top: 0px; /* Adjust margin-top to reduce space */
font-size: 0.7em; /* Adjust the font size smaller */
color: #6F6571; /* Change the text color to grey */

}

.avia-cookie-consent {
width: 100%;
position: fixed;
background-color: #009BDD;
z-index: 999;
color: rgba(255,255,255,0.9);
padding: 1.1em;
text-align: center;
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out;
overflow: hidden;

}

.avia-cookie-consent-button,
.avia-cookie-info-btn,
.avia-cookie-hide-notification,
.avia-button {
background-color: white !important;
color: black !important;

}

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

/* Add your Mobile Styles here */
#top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
display: block;
}
}

@media only screen and (min-width: 768px) {

/* Add your Mobile Styles here */
#top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
display: none;
}
}

#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}

.container_wrap {
border-top-width: 0;
}

#scroll-top-link {
display: none;
}

.avia_iconbox_title {
font-size: 18px;
color: #6F6571;
}

.avia_iconbox_title:hover {
color: #009BDD; /* Set the font color on hover to blue */
}

#header_main .av-logo-container {
margin-bottom: -14px;
}

February 15, 2024 at 2:03 pm #1434411

In reply to: vertically center logo in header

Hi,

Thank you for the update.

We made slight adjustments to the css code so that it also takes into account the top position of the logo when the header has shrunk or when scrolling. Please use this updated css code instead.

.logo img, .logo svg {
  top: 15px;
}

.header-scrolled .logo img, .header-scrolled .logo svg {
  top: auto;
}

Best regards,
Ismael

February 1, 2024 at 10:06 pm #1432773

Topic: HTML for Turning On Audio?

in forum Enfold

clbdcnpafe

Participant

Hello.

We are aware that most browsers like Chrome, Edge etc purposefully prevent audio playing when a video (set to autoplay) loads with a webpage. Our question is this: is there any code that we can use, for example in a button labeled “Turn On The Sound”, that will turn on the audio. In the Private Content, I’m including a link and password to a page where we would use such a feature if it existed. You will see that we have told page visitors to scroll down to the video player bar to turn on the sound. That’s a less-than-the-best-user-friendly solution. So if there’s a “button” solution that we could use instead, we would.

Many thanks.

January 31, 2024 at 11:11 am #1432586

In reply to: Video Media Element not showing video

Rikard

Keymaster

Hi,

Here are the shortcodes for the page:

[av_layout_row min_height_percent='percent' min_height_pc='85' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-l3szq1xv' sc_version='1.0']
[av_cell_one_half vertical_align='middle' padding='0' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3szpg70' sc_version='1.0']

[av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='100%' padding='30px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='curtain-reveal-ttb' animation_duration='' animation_custom_bg_color='#f8f8f8' animation_z_index_curtain='1' parallax_parallax='bottom_top' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t6vrtm' sc_version='1.0']

[av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/main-enfold.png' attachment='2047' attachment_size='full' copyright='' caption='' image_size='' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='right_left' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-z26fk' sc_version='1.0' admin_preview_bg=''][/av_image]

[/av_one_full][/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='0' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3szplqc' sc_version='1.0']

[av_one_full first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='100%' padding='30px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/startup_dark.jpg' attachment='2030' attachment_size='full' background_position='center left' background_repeat='stretch' highlight_size='1.1' animation='curtain-reveal-btt' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='1' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3szqp26' sc_version='1.0']

[av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/main-parallax.png' attachment='2048' attachment_size='full' copyright='' caption='' image_size='' styling='' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='fade-in' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='left_right' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-q2u00' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_image]

[/av_one_full][/av_cell_one_half]
[/av_layout_row]

[av_section min_height='' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='default' margin='aviaTBmargin' custom_margin='0px,80px' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' 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='' custom_arrow_bg='' css_position_z_index='10' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='service' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-kz5g1n7y' sc_version='1.0']

[av_one_third first min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='av-break-at-tablet' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='0' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='70' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5hamof' sc_version='1.0']

[av_heading heading='Planning & Consulting' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-dj574' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-anksw' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
[/av_textblock]

[av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-15ly34' sc_version='1.0' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-wmepk' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)']

[/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' margin='0px' margin_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_gradient' background_color='#ffffff' background_gradient_direction='diagonal_tb' background_gradient_color1='#2d2d2d' background_gradient_color2='#383838' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight='aviaTBhighlight' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='100' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='100' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='110' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5gwrwj' sc_version='1.0']

[av_heading heading='Design & Production' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='custom-color-heading' custom_font='#ffffff' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kz5h2s5l' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]

[av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' template_class='' av_uid='av-kz5h37os' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
[/av_textblock]

[av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-kz5k342g' sc_version='1.0' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='light' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-kz5k24rj' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)']

[/av_one_third][av_one_third min_height='av-equal-height-column' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' av-desktop-margin='' av-desktop-margin_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-small-margin='' av-small-margin_sync='true' av-mini-margin='' av-mini-margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='' av-mini-padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='70' av-desktop-parallax_parallax='bottom_top' av-desktop-parallax_parallax_speed='70' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-desktop-css_position='' av-desktop-css_position_location=',,,' av-desktop-css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-kz5gvtyq' sc_version='1.0']

[av_heading heading='Shipping & Managing' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-kz5gfgzs' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-kz5gq51m' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
[/av_textblock]

[av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='30' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-oqxgo' sc_version='1.0' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-kz5jzepf' sc_version='1.0' admin_preview_bg='rgb(34, 34, 34)']

[/av_one_third][av_one_full first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='rgba(0,0,0,0.26)' custom_margin='aviaTBcustom_margin' margin='-80px,0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='0px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow_width='5' column_boxshadow_color='rgba(0,0,0,0.2)' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='curtain-reveal-rtl' animation_duration='2' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='-10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,' css_position_z_index='99' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3hiswcr' sc_version='1.0']

[av_headline_rotator before_rotating='Say hello to a<br/>' after_rotating='Enfold!' margin='' margin_sync='true' align='center' custom_title='#000000' size='5vw' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' tag='h2' interval='5' animation='typewriter' alb_description='' id='' custom_class='' template_class='' av_uid='av-kz5jge9h' sc_version='1.0' admin_preview_bg='']
[av_rotator_item title='recently upgraded' custom_title='' link='' linktarget='' av_uid='av-kcg7s' sc_version='1.0']
[av_rotator_item title='heavily improved' custom_title='' link='' linktarget='' av_uid='av-heiy0' sc_version='1.0']
[av_rotator_item title='simply better' custom_title='' link='' linktarget='' av_uid='av-au3dc' sc_version='1.0']
[/av_headline_rotator]

[/av_one_full][/av_section][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='about' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-2ruoc8' sc_version='1.0']

[av_cell_one_half vertical_align='middle' padding='120px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='60px' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sm2j2d' sc_version='1.0']

[av_heading heading='About Us...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l3sm88y3' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-2mr6mo' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
[/av_textblock]

[av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-2cdbiw' sc_version='1.0']

[av_animated_numbers number='12' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-l3slvfgg' sc_version='1.0' admin_preview_bg='']
Team Member
[/av_animated_numbers]

[/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-27016w' sc_version='1.0']

[av_animated_numbers number='73' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-l3slvool' sc_version='1.0' admin_preview_bg='']
Happy Clients
[/av_animated_numbers]

[/av_one_half][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='60' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-259qwo' sc_version='1.0' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='dark' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-l3sn0oe2' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)']

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='70px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sm2rrf' sc_version='1.0']

[av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/ubiq-2Hq0WvL2Yc4-unsplash-845x684.jpg' attachment='2031' attachment_size='gallery' copyright='' caption='' image_size='' styling='no-styling' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-ltr' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='20' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3sluu0i' sc_version='1.0' admin_preview_bg=''][/av_image]

[av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/dusan-jovic-4JpCi9jWaOA-unsplash-200x300.jpg' attachment='2027' attachment_size='medium' copyright='' caption='' image_size='' styling='no-styling' box_shadow='outside' box_shadow_width='17' box_shadow_color='rgba(0,0,0,0.3)' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-rtl' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='absolute' css_position_location='40px,,,-50px' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3slz2ga' sc_version='1.0' admin_preview_bg=''][/av_image]

[/av_cell_one_half][/av_layout_row][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-1y0avc' sc_version='1.0']

[av_cell_one_half vertical_align='middle' padding='70px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-1oaef4' sc_version='1.0']

[av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/amr-taha-UOMrO-JN-XQ-unsplash-845x684.jpg' attachment='2026' attachment_size='gallery' copyright='' caption='' image_size='' styling='no-styling' box_shadow='none' box_shadow_width='10' box_shadow_color='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-rtl' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='20' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='' css_position_location=',,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3smwbbb' sc_version='1.0' admin_preview_bg=''][/av_image]

[av_image src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/kevin-canlas-e_mbJ0T0mes-unsplash-200x300.jpg' attachment='2029' attachment_size='medium' copyright='' caption='' image_size='' styling='no-styling' box_shadow='outside' box_shadow_width='20' box_shadow_color='rgba(0,0,0,0.3)' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='curtain-reveal-ltr' animation_duration='' animation_custom_bg_color='#ffffff' animation_z_index_curtain='100' parallax_parallax='bottom_top' parallax_parallax_speed='10' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' hover='' appearance='' css_position='absolute' css_position_location='40px,-50px,,' css_position_z_index='110' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' transform_perspective='' transform_rotation=',,,' transform_scale=',,' transform_skew=',' transform_translate=',,' av-medium-transform_perspective='' av-medium-transform_rotation=',,,' av-medium-transform_scale=',,' av-medium-transform_skew=',' av-medium-transform_translate=',,' av-small-transform_perspective='' av-small-transform_rotation=',,,' av-small-transform_scale=',,' av-small-transform_skew=',' av-small-transform_translate=',,' av-mini-transform_perspective='' av-mini-transform_rotation=',,,' av-mini-transform_scale=',,' av-mini-transform_skew=',' av-mini-transform_translate=',,' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='av-l3smyzp5' sc_version='1.0' admin_preview_bg=''][/av_image]

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='120px' padding_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-padding='60px' av-mini-padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sn2t3l' sc_version='1.0']

[av_heading heading='What we do...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1jsd34' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-1easfk' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
[/av_textblock]

[av_one_half first min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-192lqo' sc_version='1.0']

[av_animated_numbers number='212' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-159r1k' sc_version='1.0' admin_preview_bg='']
Finished Projects
[/av_animated_numbers]

[/av_one_half][av_one_half min_height='' vertical_alignment='av-align-top' space='' row_boxshadow='' row_boxshadow_width='10' row_boxshadow_color='' custom_margin='' margin='0px' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' min_col_height='' padding='' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_flip='' svg_div_top_invert='' svg_div_top_front='' svg_div_top_opacity='' svg_div_top_preview='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_flip='' svg_div_bottom_invert='' svg_div_bottom_front='' svg_div_bottom_opacity='' svg_div_bottom_preview='' column_boxshadow='' column_boxshadow_width='10' column_boxshadow_color='' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' background_position='top left' background_repeat='no-repeat' highlight='' highlight_size='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='' parallax_parallax_speed='' av-medium-parallax_parallax='' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='' av-mini-parallax_parallax_speed='' css_position='' css_position_location='' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location='' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location='' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location='' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-wq820' sc_version='1.0']

[av_animated_numbers number='4144' start_from='' icon_select='no' icon='ue800' font='entypo-fontello' number_format='' circle='' circle_custom='' circle_border_style='none' circle_border_color='' circle_bg_color='' circle_border_width='' circle_size='' box_shadow='none' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' circle_mobile='' font_size='' av-medium-font-size-number='' av-small-font-size-number='' av-mini-font-size-number='' font_size_description='' av-medium-font-size-text='' av-small-font-size-text='' av-mini-font-size-text='' color='' custom_color='#444444' custom_color_desc='#444444' timer='15' link='' linktarget='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' id='' custom_class='' template_class='' av_uid='av-t1ia0' sc_version='1.0' admin_preview_bg='']
Hours of Work
[/av_animated_numbers]

[/av_one_half][av_hr class='invisible' icon_select='yes' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='60' custom_border='av-border-thin' custom_width='50px' custom_margin_top='30px' custom_margin_bottom='30px' custom_border_color='' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-ipoh4' sc_version='1.0' admin_preview_bg='']

[av_button label='Learn more' icon_select='yes-right-icon' icon='ue875' font='entypo-fontello' icon_hover='aviaTBicon_hover' link='manually,http://' link_target='' size='large' position='center' label_display='' title_attr='' color_options='' color='dark' custom_bg='#40bfd5' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_grad_direction='vertical' btn_custom_grad_1='#000000' btn_custom_grad_2='#ffffff' btn_custom_grad_3='' btn_custom_grad_opacity='0.7' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' btn_color_font_hover='white' btn_custom_font_hover='#ffffff' border='' border_width='' border_width_sync='true' border_color='' border_radius='4px' border_radius_sync='true' box_shadow='' box_shadow_style='0px,0px,0px,0px' box_shadow_color='' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' hover_opacity='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',,,' av-mini-css_position_z_index='' id='' custom_class='' template_class='' av_uid='av-l3sn1k2r' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)']

[/av_cell_one_half][/av_layout_row][av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' mobile_column_order='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-l3sz5uq1' sc_version='1.0']
[av_cell_one_third vertical_align='middle' padding='100px,0px,100px,0px' background='bg_color' background_color='#f8f8f8' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3syods3' sc_version='1.0']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='100px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='15' column_boxshadow_color='rgba(0,0,0,0.3)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='left_right' parallax_parallax_speed='10' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' css_position='relative' css_position_location=',,,200px' css_position_z_index='' av-medium-css_position='relative' av-medium-css_position_location=',,,0' av-medium-css_position_z_index='' av-small-css_position='relative' av-small-css_position_location=',,,0' av-small-css_position_z_index='' av-mini-css_position='relative' av-mini-css_position_location=',,,0' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3sys9uw' sc_version='1.0']

[av_heading heading='Last but not least...' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-1jn8w' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_textblock textblock_styling_align='' textblock_styling='' textblock_styling_gap='' textblock_styling_mobile='' size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='' color='' id='' custom_class='' template_class='' av_uid='av-9rhpk' sc_version='1.0' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam egestas a nulla a molestie. Duis a sapien ac orci dictum sodales. Vivamus vitae feugiat elit. Fusce a eros laoreet, bibendum lectus id, euismod nulla.
[/av_textblock]

[/av_one_full][/av_cell_one_third][av_cell_two_third vertical_align='middle' padding='120px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/ubiq-2Hq0WvL2Yc4-unsplash.jpg' attachment='2031' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3sypxl7' sc_version='1.0']

[/av_cell_two_third]
[/av_layout_row]

[av_masonry_gallery ids='2032,2033,2034,2035,2036,2037,2038,2039' caption_elements='title excerpt' caption_styling='' caption_display='always' size='fixed' orientation='av-orientation-portrait' image_size='masonry' gap='large' columns='4' av-medium-columns='' av-small-columns='2' av-mini-columns='' items='24' paginate='none' color='custom' custom_bg='#2d2d2d' animation='curtain-reveal-ttb' animation_duration='1' animation_custom_bg_color='#2d2d2d' animation_custom_bg_color_multi_list='' animation_z_index_curtain='100' overlay_fx='active' container_links='active' link_dest='' lightbox_text='' img_scrset='' lazy_loading='disabled' id='portfolio' custom_class='' template_class='' av_uid='av-l3t0hp54' sc_version='1.0']

[av_layout_row min_height_percent='' min_height_pc='25' min_height='0' border='' color='main_color' mobile='av-flex-cells' mobile_breaking='av-break-at-tablet' mobile_column_order='' id='contact' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-mb4yw' sc_version='1.0']
[av_cell_three_fifth vertical_align='middle' padding='120px' padding_sync='true' background='bg_color' background_color='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/amr-taha-UOMrO-JN-XQ-unsplash.jpg' attachment='2026' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' link='' linktarget='' link_hover='' mobile_display='av-hide-on-mobile' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3t0eyup' sc_version='1.0']

[/av_cell_three_fifth][av_cell_two_fifth vertical_align='middle' padding='100px,0,100px,0' background='bg_color' background_color='#2d2d2d' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://kriesi.at/themes/enfold-parallax/wp-content/uploads/sites/87/2022/05/parallax_light.png' attachment='2024' attachment_size='full' background_attachment='scroll' background_position='center right' background_repeat='contain' link='' linktarget='' link_hover='' mobile_display='' mobile_col_pos='0' custom_class='' template_class='' av_uid='av-l3t075ls' sc_version='1.0']

[av_one_full first min_height='' vertical_alignment='av-align-top' space='no_margin' row_boxshadow_width='10' row_boxshadow_color='' margin='0px' margin_sync='true' mobile_breaking='' mobile_column_order='' border='' border_style='solid' border_color='' radius='' radius_sync='true' min_col_height='' padding='50px' padding_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' column_boxshadow='aviaTBcolumn_boxshadow' column_boxshadow_width='15' column_boxshadow_color='rgba(0,0,0,0.3)' background='bg_color' background_color='#ffffff' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' animation_duration='' animation_custom_bg_color='' animation_z_index_curtain='100' parallax_parallax='right_left' parallax_parallax_speed='20' av-medium-parallax_parallax='none' av-medium-parallax_parallax_speed='' av-small-parallax_parallax='none' av-small-parallax_parallax_speed='' av-mini-parallax_parallax='none' av-mini-parallax_parallax_speed='' css_position='' css_position_location=',,,' css_position_z_index='' av-medium-css_position='' av-medium-css_position_location=',0,,' av-medium-css_position_z_index='' av-small-css_position='' av-small-css_position_location=',0,,' av-small-css_position_z_index='' av-mini-css_position='' av-mini-css_position_location=',0,,' av-mini-css_position_z_index='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' mobile_col_pos='0' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t08rf8' sc_version='1.0']

[av_heading heading='Get in Touch' tag='h2' style='blockquote modern-quote modern-centered' subheading_active='' show_icon='' icon='ue800' font='entypo-fontello' size='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' subheading_size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' icon_size='' av-medium-font-size-1='' av-small-font-size-1='' av-mini-font-size-1='' color='' custom_font='' subheading_color='' seperator_color='' icon_color='' margin='' margin_sync='true' padding='10' icon_padding='10' headline_padding='' headline_padding_sync='true' link='' link_target='' id='' custom_class='' template_class='' av_uid='av-l3t037w6' sc_version='1.0' admin_preview_bg=''][/av_heading]

[av_contact title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' captcha='' captcha_theme='light' captcha_size='normal' captcha_score='0.5'  (Email address hidden if logged out) ' from_email='' subject=''  (Email address hidden if logged out) ' autoresponder_reply_to='' autoresponder_subject='' autorespond='' autorespond_after='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-dark-form' heading_tag='' heading_class='' alb_description='' id='' custom_class='' template_class='' aria_label='' av_uid='av-l3t05k5j' sc_version='1.0' admin_preview_bg='']
[av_contact_field label='E-Mail' type='text' check='is_email' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-flbq0' sc_version='1.0'][/av_contact_field]
[av_contact_field label='Message' type='textarea' check='is_empty' options='' multi_select='' av_contact_preselect='' element_display='' width='' headline_tag='h3' av_uid='av-9lrow' sc_version='1.0'][/av_contact_field]
[/av_contact]

[/av_one_full][/av_cell_two_fifth]
[/av_layout_row]

Best regards,
Rikard

January 12, 2024 at 7:35 am #1429864

Topic: Can’t scroll in burger menu on phone to get at lower/hidden menu items

in forum Enfold

garysch37

Participant

Dear Support Team:

I am almost ready to publish my new website, but in testing I am unable to scroll through my menus & submenus in the burger menu on my iPhone or via mobile emulation on my Mac. Because I can’t scroll down, only the topmost menu items are visible and accessible. This issue has come up for me throughout development, but I just postponed solving it until now. Clearing browser cache for my website on the devices I’m testing this on doesn’t help.

You can see what I mean in this illustration: https://www.dropbox.com/scl/fi/3fvermfa0p8o2lwltl1dj/scrolling-broken-in-burger.png?rlkey=abni1zusq7240arrhptb3rsts&dl=0

On the left in the illustration is the starting situation, where I can’t scroll down to reveal the last menu item, Contact. On the right, after opening the Services submenu, I can’t scroll down to reveal the last few pixels of the Relines & Rebases submenu item, the remaining 3 submenu items after that, and the bottom 3 main menu items: all of those are inaccessible to me.

This happens on both my iPhone X itself, as well as using DevTools’ mobile emulation in Chrome on my Mac (Developer Tools > Device Toggle Bar > choosing the mobile device under the Responsive menu to auto-set the dimensions for that device), whether I choose my iPhone X or an Android device (e.g. Samsung Galaxy S8+).

On a PC (in e.g. Windows 7), I don’t have a problem using the Chrome mobile emulator: I can scroll. I haven’t tried on an actual Android phone, but it certainly doesn’t work on my iPhone. I’m wondering if this is an Apple issue with Enfold/Avia.

Do I need an “overflow-y: auto;” somewhere, somehow? I tried it here, but that didn’t work:

#top #av-burger-menu-ul {
   padding-top: 0 !important;
   overflow-y: auto !important;
}

Any help would be appreciated.

Thanks,
Gary

This topic was modified 2 years, 1 month ago by garysch37. Reason: Trying the full URL with parameters from my Dropbox because without the parameters it forced the user to log into Dropbox

January 7, 2024 at 4:16 pm #1429478

In reply to: Pop-Up/LIghtbox

Hi,
To enable a button to open the popup, add a button to your page and set the link URL to #open-popup:

then go to Advanced ▸ Developer Settings and add the custom class open-popup-button:

then update the popup script in your child theme functions.php to this:

function magnific_popup_with_no_scroll_and_button() { ?>
  <script>
(function($) {
  $(window).on('load', function(){
	$('.open-popup-button a').addClass('open-popup-link');
    $('.open-popup-link').addClass('no-scroll');
    $('.open-popup-link').magnificPopup({
      type:'inline',
      midClick: true,
      callbacks: {
        beforeOpen: function () {
          $('body').css("overflow-y", "hidden");
        },
        close: function() {
          $('body').css("overflow-y", "auto");
        },
      },
    });
  });
  })(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'magnific_popup_with_no_scroll_and_button', 99 );

then you can use both text links and buttons for your popup like in the example:

Best regards,
Mike

January 6, 2024 at 5:29 pm #1429407

In reply to: Pop-Up/LIghtbox

Hey northorie,
To create a text box popup add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function magnific_popup_with_no_scroll() { ?>
  <script>
(function($) {
  $(window).on('load', function(){
    $('.open-popup-link').addClass('no-scroll');
    $('.open-popup-link').magnificPopup({
      type:'inline',
      midClick: true,
      callbacks: {
        beforeOpen: function () {
          $('body').css("overflow-y", "hidden");
        },
        close: function() {
          $('body').css("overflow-y", "auto");
        },
      },
    });
  });
  })(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'magnific_popup_with_no_scroll', 99 );

Then on the page you want the popup to show on add this into a code block:

<div id="open-popup" class="popup mfp-hide">
<p>PLACE CONTENT HERE</p>
</div>

change the “PLACE CONTENT HERE” text to suit your needs, including adding a image.
Then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

Here is an example with a image in the popup:

Best regards,
Mike

November 28, 2023 at 7:05 am #1426577

In reply to: Shrinking side bar menu

Hi,

Thank you for the update.

1.) To add an alternate logo on scroll, please update the script with the following code.


function custom_shrinking_sidebar_menu_script() { ?>
    <script>
  (function($) {
    $(document).ready(function () {
        if (window.innerWidth > 989) {
            var html = $('html');
            var header = $('#header');
            var main = $('#main');
            var logo = $('.logo a'); 
            var logo_alt = $('<img src="IMAGE_URL_HERE" class="av-logo-on-scroll" height="100" width="300" alt="Griegos Farms" title="">').appendTo(logo).hide();
            var burger = $('.html_header_sidebar #top div .av-burger-menu-main');
            var burger_icon = burger.find('.av-hamburger');
            var footer = $('.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container');
            var menu = $('.responsive.html_header_sidebar #header .av-main-nav > li').not('.av-burger-menu-main, .av-active-burger-item');
  
            $(window).scroll(function () {
              if ($(this).scrollTop() > 200) {
                burger.show();
                menu.hide();
                logo_alt.show();
                logo.hide();
                header.css({'width': '120px', 'transition': 'all 1s ease'});
                main.css({'margin-left': '120px', 'transition': 'all 1s ease'});
                footer.css({ 'width': 'calc(100% - 120px)', 'margin-left': '121px'  });
              } else {
                if(burger_icon.hasClass('is-active') == false)
                {
                    menu.show();
                    burger.hide();
                    logo_alt.hide();
                    logo.show();
                    html.css('overflow', 'auto');
                    header.css({'width': '300px', 'transition': 'all 1s ease'});
                    main.css({'margin-left': '300px', 'transition': 'all 1s ease'});
                    footer.css({ 'width': 'calc(100% - 300px)', 'margin-left': '301px'  });
                }
              }
            });
        } 
      });
  })(jQuery);
  </script>
    <?php
  }
  add_action('wp_footer', 'custom_shrinking_sidebar_menu_script', 99);

Make sure to update the logo or image URL in this line.

var logo_alt = $('<img src="IMAGE_URL_HERE" class="av-logo-on-scroll" height="100" width="300" alt="Griegos Farms" title="">').appendTo(logo).hide();

2.) To center align the burger menu, please add this css code.

@media only screen and (min-width: 989px) {

  /* Add your Desktop Styles here */
  #top .av-burger-menu-main.menu-item-avia-special a {
    text-align: center;
  }
}

2.5) :D

Best regards,
Ismael

November 14, 2023 at 9:29 pm #1425599

In reply to: Burger Close “X” icon showing X & Y scrollbars (in the icon image itself)

garysch37

Hi Ismael!

Thanks so much for the suggestion! That did the trick, i.e. replacing “auto” with “hidden” in that line. It hid both x & y scrollbars in Firefox & Safari, and the y scrollbar in Chrome. I don’t know why they started appearing now whereas months ago the “auto” there worked fine; but who am I to complain at this point, since I want to publish this website once and for all. All good.

By the way, I don’t know why the scrollbar(s) only appeared for you on hover, and very thin, when for me in all browsers on the Mac & PC they appeared without hovering. Oh well, all’s well. You can close the thread.

Thanks again,
Gary

November 10, 2023 at 2:44 am #1425180

In reply to: Burger Close “X” icon showing X & Y scrollbars (in the icon image itself)

Hi,

Thank you for the update.

Looks like the scrollbar is only visible on hover and it’s quite thin so we didn’t notice it at first; it might be due to this css code.

.av-burger-overlay-active .av-burger-menu-main.menu-item-avia-special {
    overflow-y: auto;
}

You can set the overflow property to hidden to get rid of the scrollbar.

Best regards,
Ismael

November 6, 2023 at 6:39 pm #1424816

Topic: How to Permanently Add a Scroll Bar

in forum Enfold

ramonolivencia

Participant

I have a couple of issues:

1) When navigating on my webpage, I would like to have a Scroll Bar PERMANENTLY shown on all of my pages and products, including the Checkout page.

2) When the webpage is automatically translated, via one of my plugins (Weglot), wherever I have bold or italic text, it sticks it too close to the previous or following words.

Thanks!

October 20, 2023 at 8:30 pm #1423176

Topic: The homepage itself scrolls up and down

in forum Enfold

mustafa-alani

Participant

Hello,

My homepage automatically scrolls up and down when reaching the sections (Why Us) and (Most Popular), even when I try keep the scroller between the two sections, I notice that it seems to shake in place, up and down.
https://tar9et.com/

Thanks

October 18, 2023 at 10:36 am #1422878

In reply to: Accordion in grid row mobil doesn’t close properly

markmade

Hello Ishmael,
That’s great that you’re working on the problem. I just can’t understand why you don’t see what happens when you scroll up when you click on a tongle.
when you enter the following in the browser:

Dachdecker

then scroll down to the section
“Why train with us?
10 reasons to become a roofer”

and if you click on the first tap of the Accordion on the right, you can see that the page automatically jumps to the top of the page.

And that’s the case on desktop and mobile

You are welcome to deactivate the plugins to test

October 15, 2023 at 5:38 pm #1422567

In reply to: Bug: additional class for blog page nested pagination

thinkjarvis

Hi Mike,

Yep a paid plugin but absolutely brilliant.
It forms part of an advanced WooCommerce performance stack I am now using.

WPScalability Pro and Auto Infinite Scroll are both by WP Intense and together make WooCommerce much faster. Particularly larger sites.

Scalability Pro also speeds up Enfold and WordPress in general.

There is an option in Scalability Pro to compliment Auto Infinite Scroll – Improving the load time of WooCommerce archive pages.

You can close this issue. I have sent a link to the plugin developer informing them of the solution above.

This reply was modified 2 years, 4 months ago by thinkjarvis.

October 15, 2023 at 5:34 pm #1422564

In reply to: Bug: additional class for blog page nested pagination

Hi,
Thank you for sharing your solution, it looks like Auto Infinite Scroll from WP Intense is a paid plugin, I didn’t find a free version for it, but I imagine that you have found it helpful due to the time you put into getting it to work with Enfold, thanks I’m sure others in the future will appreciate your effort. Do you want this thread to remain open to answer future questions, or shall we close it?

Best regards,
Mike

October 15, 2023 at 4:18 pm #1422553

In reply to: Bug: additional class for blog page nested pagination

thinkjarvis