Hi,

Glad to hear that the modification helped. However, we are not able to replicate the same issue on our end, suggesting it might be specific to your installation. This could be due to a modification or custom scripts. If you encounter more issues, please don’t hesitate to open another thread.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

We’ve checked the modifications in the Quick CSS field and noticed that one of your css media queries is missing a closing tag or curly brace, which renders the rest of the css rules invalid.

/* MASONRY GALLERY FONT SIZE AND COLOR */
@media only screen and (min-width: 768px) {

We didn’t try to adjust it because we are not sure which modifications are meant for desktop and which are intended for other screen sizes. Also, please make sure to remove duplicate css media queries such as

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

You only require one instance of this per stylesheet.

Best regards,
Ismael

Hi,

So my iPhone 12 has a screen width of 1170px in portrait mode so only the Desktop mode will work.

You might be referring to the phone’s screen resolution. However, the actual viewport size of an iPhone 12 is only 390px × 844px, so it can only contain or display images in full with the same aspect ratio. But as I mentioned above, the images in the slider are set as backgrounds, so the size of slider will not be dependent on the size of the slider images. If you need a slider that resizes based on the dimensions of the slider images, try to replace the Fullscreen Slider with the Fullwidth Slider, or use the Image element.

Best regards,
Ismael

Hey annevoelkel,

Thank you for the inquiry.

The transition seems to be working as expected when we tested it on the default layer slider demo. Please provide the login details in the private field so that we can check the layer slider settings.

Best regards,
Ismael

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