Hi,
When I check your homepage I see that you added the dot in the custom class in the color section, this will cause an error, whenever you add a custom class please do not add the dot:

I removed it for you and activated the script and it now works. But since the color section is at the very top when you page loads you will only see a white area until you scroll. This solution is meant for sections that are lower that you can scroll into.

Please note that since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area, in the future I recommend opening a new thread instead of posting in a thread from 2016 :)

Best regards,
Mike

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
  .responsive #scroll-top-link {
    display: block;
  }
}

Best regards,
Rikard

Hi,
Try wrapping the css in a media query for only desktops, like this:

@media only screen and (min-width: 768px) { 
/* your css here */
}

It looks like the page that you linked to has a page ID of 2606, which is different than above.
If you need further help perhaps a admin login would help us.

Best regards,
Mike

Hi,
Glad that this helped, I’m not able to reproduce this from your screenshot, are you using the browser “zoom”?
This is not a good way to test and will not give you reliable results, you should use the Dev Tools, please see this article: Simulate mobile devices with device mode

Please note that we kindly ask that each thread is for a single topic, this thread is now 3 pages long for us and covers different topics so it is hard to follow. Please open a new thread if you don’t find the above link helpful. Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hey nadinew13,

A scroll to top button should appear by default in the bottom right corner after scrolling a short distance. If that is not working as it should on your site, then please post a link to where we can see the actual problem.

Best regards,
Rikard

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
I found that you also have this css in your child theme stylesheet, I removed it for you:

.responsive #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 0;
    left: auto;
    right: 0;
    display: block;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
}
.responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Please try this CSS as well:

nav.main_menu {
  top: 75px;
}

Best regards,
Rikard

Hi,

Thank you for the update.

This is what we see after leaving the page unattended for more than 12 minutes, as shown on the stopwatch. Please check the screenshot in the private field. In my opinion, this might not be much of an issue, as the user will probably navigate to a different page or refresh the current one if they leave the home page unattended for a while.

Best regards,
Ismael

Hi,

Thank you for the update.

if I wanted this to ONLY affect desktop, what adjustments do I have to make?

You can prepend the selector .avia_desktop to the css rules to limit them to desktop view.

.avia_desktop .page-id-2333 .pricing-table li.empty-table-cell {
    display: block;
}

.avia_desktop .page-id-2333 .avia-pricing-table-container .pricing-table li:nth-child(6) {
	height: 62px;
}

Also, adjust the selector in the script a bit:

function custom_table_script() { ?>
  <script>
  (function($) {
    $(window).on('load', function() {
      $('.avia_desktop .page-id-2333 .avia-pricing-table-container').each(function() {
        var $columns = $('.pricing-table', this);
        var maxHeight = Math.max.apply(Math, $columns.map(function() {
          return $(this).height();
        }).get());
        $columns.height(maxHeight);
      });
    });
  })(jQuery);
  </script>
<?php }
add_action('wp_footer', 'custom_table_script', 99);

Best regards,
Ismael

Hey dmansouri1981,

Thank you for the inquiry.

You can use the Promobox shortcode in a Text or HTML widget. Example:

[av_promobox button='yes' label='Click me' icon_select='no' icon='' label_display='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' size='large' box_color='' box_custom_font='#ffffff' box_custom_bg='#444444' box_custom_border='#333333' gradient_color_direction='vertical' gradient_color_1='#000000' gradient_color_2='#ffffff' gradient_color_3='' border_promo='' border_promo_width='' border_promo_color='' border_radius_promo='' box_shadow_promo='' box_shadow_promo_style='0px' box_shadow_promo_color='' link='' link_dynamic='' link_target='' title_attr='' hover_opacity='' sonar_promo_effect='' sonar_promo_color='' sonar_promo_duration='1' sonar_promo_scale='' sonar_promo_opac='0.5' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' id='' custom_class='' template_class='' element_template='' one_element_template='' show_locked_options_fakeArg='' av_uid='' sc_version='1.0']
Welcome Stranger! This is an example Text for your fantastic Promo Box! Feel Free to delete it and replace it with your own fancy Message!
[/av_promobox]

Best regards,
Ismael

Hey vantagepointmg,

Thank you for the inquiry.

The css code works fine on our end, but we don’t recommend using it because sticky headers are generally unnecessary on mobile phones. If you wish to continue, please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after adding the css code.

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header {
    position: fixed !important;
  }

  .responsive #top #main {
    padding-top: 150px !important;
  }

  #header_meta {
    display: none;
  }
}

Best regards,
Ismael

Hi,

Thanks for the update. You might want to consider using a different image, maybe one with more space at the top and bottom?

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Gašper,

Using the same license on a test/staging site as on your live site is allowed, so you only need one license. Once you have access to the theme files, then the update to 6.0.4 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hey Peter,

Thank you for the inquiry.

There is no default option for this, but you can use the clip-path css property, as suggested by a user in another thread: https://kriesi.at/support/topic/cut-outs-for-images/#post-1465984

To achieve the desired effect, place a Video element inside a Column element, assign a unique class name to the column, and then use that class name to apply the clip-path property.

For more info about clip-path, please check: https://css-tricks.com/almanac/properties/c/clip-path/

Best regards,
Ismael

Hi,

Is it possible to set these parameters for the three resolutions desktop, tablet and mobile?

Yes, that should be possible. Please add the following code and adjust the values as needed.

/* Styles for tablets */
@media (max-width: 1024px) {
    .responsive #top .avia-icon-circles-icon {
        height: 100px;
        width: 100px;
        line-height: 100px;
        font-size: 60px;
        margin: -50px;
    }
}

/* Styles for mobile devices */
@media (max-width: 768px) {
    .responsive #top .avia-icon-circles-icon {
        height: 80px;
        width: 80px;
        line-height: 80px;
        font-size: 45px;
        margin: -40px;
    }
}

Best regards,
Ismael