Hi,

Thanks for the update.

The title creates another line, so it breaks the layout of the progress bar. Try to decrease the font size on smaller screens.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .avia-progress-bar {
    position: relative;
    margin-bottom: 25px;
  }

  .avia-progress-bar .progressbar-title-wrap {
    font-size: 11px;
  }
}

Best regards,
Ismael

Hi,

Thanks for the info.

This css code should help you adjust the screen size where the element should be hidden.

@media only screen and (max-width: 1024px) and (min-width: 768px) {
.responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
    display: none;
}
}

Default max-width value is 989px. Adjust the max-width value to 1366px if you want to hide the element on iPad Pro devices.

Best regards,
Ismael

Hey DROR,

Thank you for using Enfold.

Use this css code to adjust the font size of the title.

.av-magazine .av-magazine-content-wrap .av-magazine-title {
    font-size: 1em;
    line-height: 1.5em;
}

Do you want to add an excerpt below the title? The following thread should help.

// https://kriesi.at/support/topic/date-author-and-excerpt-in-magazine-element/#post-842342

Best regards,
Ismael

Hi,
Please try changing the subtext font-size to: 12px
like this:

@media only screen and (max-width: 767px) { 
.logo h1 {
font-size: 14px !important;
margin-bottom: 0px !important;
padding-top: 10px !important;
}
#top .logo .subtext {
    font-size: 12px !important; 
    width: 70% !important; 
    left: 32px !important; 
    top: 20px !important; 
}
}

Best regards,
Mike

Hi,
I added this css to your Quick CSS:

@media only screen and (max-width: 767px) { 
.logo h1 {
font-size: 14px !important;
margin-bottom: 0px !important;
padding-top: 10px !important;
}
#top .logo .subtext {
    font-size: 14px !important; 
    width: 70% !important; 
    left: 32px !important; 
    top: 20px !important; 
}
}

the after clearing my browser cache, see results in screenshot in Private Content area.
Please try clearing your browser cache a few times.

Best regards,
Mike

Hey fattlco,
Please try this code in the General Styling > Quick CSS field:

#scroll-top-link {
     border-radius: 50% !important; 
}
#scroll-top-link[data-av_icon]:before {
     font-size: 30px !important;
}

Please adjust the font-size to suit.

Best regards,
Mike

Hi,

I changed your code to following one

@media only screen and (min-width: 769px) {
.iconbox_icon.heading-color {
    font-size: 90px !important;
    width: 120px !important;
    height:8px !important;
    border-radius: 100px !important;
    margin-left: -80px !important;
    margin-top: -73px !important;
    padding: 30px !important;
    padding: 60px 20px 90px 20px !important; 
}}

Please review your website

Best regards,
Yigit

Hey SANDRINE,
For changing the slider h2 to h1, for this one page,
please try adding this code to the end of your functions.php file in Appearance > Editor:

function slider_h2_to_h1(){
  if ( is_page('7') ) { ?>
  <script>
  jQuery(window).load(function(){
  var el = document.querySelector('.avia-caption-title');
      el.outerHTML = '<h1 class="avia-caption-title ">' + el.innerHTML + '</h1>';
  });
  
  </script>
  <?php }
  }
  add_action('wp_footer', 'slider_h2_to_h1');

Then add this code in the General Styling > Quick CSS field:

h1.avia-caption-title {
    font-size: 60px !important; 
    color: #ffffff !important; 
}

Best regards,
Mike