Hey Dejan,

Thank you for the inquiry.

You can add this css code to adjust the maximum width of the elements in the custom post type.

#top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper, #top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper .entry-content-header, #top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper .entry-content, #top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper > *, #top.awsm_job_openings-template-default.single-awsm_job_openings .fullsize .template-blog .post .entry-content-wrapper .entry-content-header .post-title {
    max-width: 1310px;
}

Best regards,
Ismael

Hey tcampaner,

Thank you for the inquiry.

Try editing the menu items and replace the absolute URL (https://site.ro/#about-us) with just the anchor (#about-us). Let us know if this helps.

Best regards,
Ismael

Hi,

Thanks for the follow up.

You can display the title and breadcrumb by adjusting the Enfold > Header > Header Layout > Header Title and Breadcrumbs settings. Set it to the first option to display the title and breadcrumbs.

Or edit the enfold/taxonomy-portfolio_entries.php file and look for this code:

<div class="category-term-description">
	<?php echo term_description(); ?></div>

Replace it with:

<div class="category-term-description">
<h3><?php echo single_term_title(); ?></h3>
<?php echo term_description(); ?></div>

Best regards,
Ismael

Hey imagestudios,

Thank you for the inquiry.

Please add this css code to adjust the color of the masonry overlay on mobile view.

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

  /* Add your Mobile Styles here */
  #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0, 87, 130, 0.7);
  }
}

If you have an existing css media query for a breakpoint (max-width: 767px), you can just copy the css rule above and place it within the existing media query.

Best regards,
Ismael

Hi,

Thank you for renewing your support license.

Please note that the images in the slider are set as background, so the dimensions of the slider will not depend on the size and aspect ratio of the images. What we recommend is to add another slider below the current one and upload images that are specifically resized for mobile view. You can then toggle the visibility of both sliders by adjusting the options in the Advanced > Responsive > Element Visibility settings. Essentially, you’ll have two sliders: one for desktop view and another for smaller screens.

Best regards,
Ismael

Hey peoplexbrand,

Thank you for the inquiry.

Did you install a cache and image compression plugin? Please follow the steps provided in the following links to further improve the loading speed of the site.

// https://gtmetrix.com/wordpress-optimization-guide.html
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Best regards,
Ismael

Hey schwabino,

Thank you for the inquiry.

The page seems to be slightly slow when we checked it, possibly due to the number of video or iframe elements. You might want to consider creating dedicated pages for each video category instead of piling them all up on a single page. The video element loads the same iframe tag compared to the default video embedding, so using a plugin or loading it differently may not really affect the performance.

If you don’t want to create dedicated pages for each category, an alternative option is to use a Masonry Gallery or Gallery element. You can place the video URL in the Custom Link field, then set the Advanced > Link Settings > Image Link settings to Use custom link. This will open the videos in a lightbox or popup modal.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Would you mind posting the css code using Pastebin.com? We will check to see if there is any invalid css code that is causing the layout to break. You can also verify it yourself using the following tool.

// https://www.cssportal.com/css-validator/

Best regards,
Ismael

Hey mgyura,

Thank you for the inquiry.

We were able to reproduce the issue but we are not yet sure what is causing it. Have you tried adding more content below the gallery? Yu can also use this css code to disable the animation entirely.

.avia_transform .avia-gallery-animate .avia-gallery-thumb img.avia_start_animation {
    animation: none;
}

.avia_transform .avia-gallery-animate .avia-gallery-thumb img {
    opacity: 1;
    transform: scale(1);
}

Did you install another compression or lazy loading plugin?

Best regards,
Ismael

Hey GUMC-Rosier,

Thank you for the inquiry.

Can you reproduce the issue when using a different theme? Please clone the site to a staging environment, then provide the CSV file so that we can check the issue further.

Best regards,
Ismael

Hi,

Glad to know that the issue has been resolved! Please feel free to open another thread if the issue occurs again.

Have a nice day.

Best regards,
Ismael

Hi,

1-2.) Unfortunately, this is beyond the scope of support. You may need to hire a freelance developer to help you with this customization. You can find freelancers by visiting our customization page.

4.) We updated the Yoast config to include posts images to the sitemap. Please edit the enfold/config-wordpress-seo/config.php, remove everything, and then replace it with the content from the following link: https://pastebin.com/kRh3YKbh

Best regards,
Ismael

Hi,

Thank you for the update.

The automatic update in your dashboard is no longer supported by the version currently installed on your site, 4.8.6.1. To update the theme, you’ll need to do so manually either via S/FTP or by uploading the theme files directly to your server. For more info, please refer to the documentation provided below.

// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, you can use the plugin but you can also do it manually in the functions.php file.

Example:

function av_custom_input_script_shortcode($atts) {
    $atts = shortcode_atts(
        array(
            'type' => 'text',
            'placeholder' => '',
            'script' => '',
        ),
        $atts
    );

    $type = esc_attr($atts['type']);
    $placeholder = esc_attr($atts['placeholder']);
    $script = esc_js($atts['script']);

    $output = '<input type="' . $type . '" placeholder="' . $placeholder . '" />';
    $output .= '<script>' . $script . '</script>';

    return $output;
}
add_shortcode('av_custom_input_script', 'av_custom_input_script_shortcode');

In the builder, you can use this shortcode:

[av_custom_input_script type="text" placeholder="Enter your text" script="alert('Input submitted');"]

Best regards,
Ismael

Hi,

The arrows seem to be displaying as they should. How would you like the arrows to appear on mobile view?
Please note that the css code above should remove the border both on desktop and mobile view. If you want to apply it on desktop view only, please use this css code.

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

  /* Add your Desktop Styles here */
  #top .av-control-minimal-dark .avia-slideshow-arrows a:before {
    border-color: transparent;
  }
}

Best regards,
Ismael