Hi,

Thanks Dick, I have added this class on the slider buttons-hide-mobile and hide-desktop the 2 buttons. Then added these codes in Quick CSS (located in Enfold > General Styling):

.hide-desktop {
    display: none;
}

@media only screen and (max-width: 767px) {
  .hide-desktop {
    display: block;
  }

  .buttons-hide-mobile .avia-button {
    display: none !important;
  }

  .home #after_full_slider_1 .av-content-full {
    padding-top: 10px;
  }

  .avia-button-wrap.hide-desktop a.avia-button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 18px;
    margin-bottom: 12px;
  }
}

Let us know if this is good on your end also :)

Best regards,
Nikko

Hi,

There are 3 columns on top of the map, in the first column, kindly find the iframe:

<iframe id="bkt-widget-cp" src="https://segwaytrip.booketea.com/Sales/Home/Tour/41616?mode=1&iframe=1&isolated=1&culture=es" width="600" height="1000" frameborder="0" scrolling="yes"></iframe>

change the height from 1000 to 700, it should look like this:

<iframe id="bkt-widget-cp" src="https://segwaytrip.booketea.com/Sales/Home/Tour/41616?mode=1&iframe=1&isolated=1&culture=es" width="600" height="700" frameborder="0" scrolling="yes"></iframe>

Save and Update the page, let us know if it works :)

Best regards,
Nikko

Hey pankaj_mangal,

Kindly add this code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top {
    padding-top: 112px !important;
  }

  .responsive #top #wrap_all #header {
    position: fixed;
    top: 0;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

Try to use this code and place it in Quick CSS (located in Enfold > General Styling):

#top .logo {
    left: 50%;
    margin-left: -403.5px;
}

@media only screen and (max-width:980px) {
  #top .logo {
    left: 0;
    margin-left: 0;
    width: 90%;
  }
}

Hope this helps :)

Best regards,
Nikko

Hey PascalStifani,

Try to add this code in Quick CSS (located in Enfold > General Styling):

#top .flex_cell.av_one_half {
    padding: 15px !important;
    font-size: 14px;
}

#top .flex_cell.av_one_half.av-zero-padding {
    padding: 0 !important;
}

#top .flex_cell.av_one_half .av-special-heading {
    padding-bottom: 8px !important;
}

#top .flex_cell.av_one_half .av-special-heading-tag {
    font-size: 24px;
}

#top .flex_cell.av_one_half .av-subheading {
    font-size: 18px !important;
}

Hope this helps :)

Best regards,
Nikko

Hey Christoph,

We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.

But please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/

This system allows us to keep track of user suggestions and lets you vote on the feature you would like to see the most. I am afraid though there is no guarantee that a feature will get implemented. If that’s something you really need you can always try to hire a developer for the task :)

Best regards,
Nikko

Hey AWZ,

For changing image sizes you can refer on this thread: https://kriesi.at/support/topic/enfold-image-sizes/

As for removing lightbox in single post try adding this code in functions.php:

function remove_lightbox(){
?>
  <script>
    jQuery(window).load(function(){
      jQuery('.single-post .lightbox-added .overlay, .single-post .lightbox-added .image-overlay').remove();
      jQuery('.single-post .lightbox-added img').unwrap('lightbox-added');

    });
  </script>
<?php
}
add_action('wp_footer', 'remove_lightbox');

Let us know if it works :)

Best regards,
Nikko

Hi,

For the tablet screen on the homepage, what is short and cut, portrait? landscape? or both? if it’s only portrait just edit this code (based on code above):

@media only screen and (max-width:980px) {
  .avia-fullscreen-slider .avia-slideshow {
    max-height: 360px;
  }
}

try to change max-height to 500px, the bigger the size the bigger the cut, the smaller the size the lesser the cut.

For the slider arrows, kindly replace this code:

@media only screen and (max-width:767px) {
  .avia-fullscreen-slider .avia-slideshow {
    max-height: 220px;
  }
}

to this one:

@media only screen and (max-width:767px) {
  .avia-fullscreen-slider .avia-slideshow {
    max-height: 220px;
  }

  #top .avia-slideshow-arrows a {
    width: 30px;
    height: 40px;
    line-height: 40px;
    margin-top: -20px;
  }

  #top .avia-slideshow-arrows a:before {
    line-height: 40px;
    font-size: 20px;
  }

  .avia-slideshow-dots a {
    height: 10px !important;
    width: 10px !important;
    border-radius: 10px !important;
    padding: 4px !important;
    margin-left: 2px;
    margin-right: 2px;
  }
}

Let us know if it works :)

Best regards,
Nikko