Hey Renard,

Thank you for the inquiry.

You can add this css code to decrease the height of the color section and adjust the position of the floating image:

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .flex_column.av-lu0i0x4l-8e878727dd70b1d7d7004e10aa47c98c {
    margin-top: -180px;
    margin-bottom: -50px;
  }

  .responsive #top.page-id-261 #av_section_1 {
    height: 400px;
  }
}

Best regards,
Ismael

Hi,

You can use this css code to remove the background or hide the circle:

.avia-slideshow-arrows a:before {
    background: transparent;
}

If you have more questions, please feel free to open another thread.

Best regards,
Ismael

Hi,

Thank you for the update.

You can add this filter to the functions.php file in order to display an excerpt and a “read more” link for the posts displayed in the category pages:

function change_blog_archive_style() {	
	global $avia_config;
	if(!is_single()){ $avia_config['blog_content'] = "excerpt_read_more"; }
}
add_action('get_header', 'change_blog_archive_style');

Best regards,
Ismael

Hi,

Thank you for the inquiry.

– I would like to have a space between the buttons and the message bar.
– Also, a slight shadow above the entire cookie-bar would be nice
– and a slightly larger font only in the mobile version

You can add this css code to adjust the style of the consent box based on your description above.

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

  /* Add your Mobile Styles here */
  .responsive #top .avia_cookie_text {
    margin-bottom: 10px;
  }

  .responsive #top .avia-cookie-consent p {
    font-size: 14px;
    line-height: 1.2em;
  }

  .avia-cookie-consent a.avia_cookie_infolink,
  .avia-cookie-consent p,
  .avia-cookie-consent .avia-cookie-consent-button {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    letter-spacing: 0.05em;
  }

  .avia-cookie-consent {
    box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1)
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

Have you made any changes to the arrows? To fix the styling issue with the arrows on the tag and category pages, please add the following css code:

.grid-content .avia-arrow, .tag .grid-content .avia-arrow {
    z-index: 10;
    border: none;
    top: -5px;
}

.grid-content .entry-content-header {
    z-index: 20;
    position: relative;
}

.tag .grid-content {
    position: relative;
}

.tag .grid-content .avia-arrow {
    border: none;
    top: -11px;
}

Best regards,
Ismael

Hi,

Thank you for the clarification.

You can add this css code to adjust the size of the burger menu on mobile view:

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

  /* Add your Mobile Styles here */
  .av-hamburger-box {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 10px;
  }

  .av-hamburger-inner::before {
    top: -7px;
  }

  .av-hamburger-inner::after {
    bottom: -7px;
  }
}

Best regards,
Ismael

Hey dreamreader,

Thank you for the inquiry.

It seems to work properly when we replaced the absolute URL (https://www.site.com/driveforward/home/#solutions) with just the anchor (#solutions). Please edit the layer slider links and update the href attribute accordingly.

Best regards,
Ismael

Hey MichelleArmstrong,

Thank you for the inquiry.

The Enfold > Theme Options > Frontpage Settings is not set. Please create a new page, then try to select it as front page.

Best regards,
Ismael

Hi,

The settings in Enfold for the video is NOT SET TO MUTE!

Yes, that is correct, but it is set to autoplay, and as we mentioned before, the theme automatically mutes the video if autoplay is enabled. Please review the link to the browser policy for autoplay provided above.

Best regards,
Ismael

Hi,

@Sethkonkel: You can set the Enfold > Main Menu > General > Menu Items For Mobile settings to the second option (Active for Smartphones and Tablets) to ensure the mobile menu displays earlier or when the screen width is less than 989px. If the issue persists or if you need further assistance, please open a new thread.

Best regards,
Ismael

Hi,

Thank you for the update.

The toggles are not working properly even in desktop view. Have you tried to temporarily disable the plugins? We have found an error in the console which might be causing the issue.

Uncaught TypeError: $.avia_utilities.supports is not a function
    at avia_hover_effect (avia.js:780:32)
    at $.avia_utilities.avia_ajax_call (avia.js:210:3)
    at HTMLDocument.<anonymous> (avia.js:101:26)
    at e (jquery.min.js:2:27028)
    at t (jquery.min.js:2:27330)

Best regards,
Ismael

Hey aaronjosephhall1,

Thank you for the inquiry.

Is the checkbox in Settings > Reading > Search engine visibility disabled after importing the demo? When this option is disabled, search engines will index the site regardless of whether you manually submit it or not. If you want to update the search results (SERPs), you can submit another sitemap to Google, but it may take some time before the SERPs are updated with the new content.

// https://yoast.com/help/submit-sitemap-search-engines/
// https://rankmath.com/kb/submit-sitemap-to-google/

Best regards,
Ismael

Hey Angelo,

Thank you for the inquiry.

In the EN version, you may need to edit the Text Block containing the embedded attachment and manually adjust the image URL.

<a href="https://www.site.it/wp-content/uploads/2022/07/23-495x400.jpg" class="lightbox-added" style="position: relative; overflow: hidden; display: block;">
    <img
        decoding="async"
        aria-describedby="caption-attachment-18987"
        class="wp-image-11154 size-portfolio"
        title="Toward Stafal"
        src="https://www.site.it/wp-content/uploads/2022/07/23-495x400.jpg"
        alt="Toward Stafal"
        width="495"
        height="400"
        srcset="https://www.site.it/wp-content/uploads/2022/07/23-495x400.jpg 495w, https://www.site.it/wp-content/uploads/2022/07/23-845x684.jpg 845w"
        sizes="(max-width: 495px) 100vw, 495px"
    />
    <span class="image-overlay overlay-type-image" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 409.062px; width: 513px;"><span class="image-overlay-inside"></span></span>
</a>

Currently, it is linked to this thumbnail:

https://www.site.it/wp-content/uploads/2022/07/23-495x400.jpg

Whereas the IT version links to the original version of the image:

https://www.site.it/wp-content/uploads/2022/07/23.jpg

Best regards,
Ismael

Hi,

Sorry about that. I forgot that the dynamic content feature is not yet available, but it will be released on Enfold 6.0. For now, you can try the Custom Element Templates (CET).

// https://kriesi.at/documentation/enfold/custom-element-templates/

Best regards,
Ismael

Hey Renard,

Thank you for the inquiry.

You can add this css code to adjust the size of the tabs and make sure they align properly on smaller screens:

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

  /* Add your Mobile Styles here */
  #top .av-pill-tabs .av-section-tab-title {
    margin-right: 10px;
    padding: 0 !important;
  }

  .av-pill-tabs .av-inner-tab-title {
    color: #FFFFFF;
    font-size: 0.9em;
    margin-bottom: 0px !important;
    line-height: .5em;
    padding: 8px !important;
  }
}

Best regards,
Ismael