Hey Blatze,

Thank you for the inquiry.

Did you set the background attachment setting to fixed? You may need to reset the background attachment to scroll for iPad view because iOS devices have issues with the fixed setting. Please add this css code:

@media only screen and (max-width: 1366px) {
  /* Add your Mobile Styles here */
  .avia-full-stretch, .avia-bg-style-fixed  {
      background-attachment: scroll !important;
      background-size: cover !important;
  }
}

— https://caniuse.com/background-attachment

iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details

Best regards,
Ismael

Hi,

Thank you for the update.

We edited the Horizontal Gallery element and set Stil > Galerie > Bildgröße to “No scaling” to display the original size, then added this css code to adjust the minimum height of the gallery.

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

  /* Add your Mobile Styles here */
  .responsive .av-horizontal-gallery-inner {
     min-height: 500px !important;
  }

   .responsive .av-horizontal-gallery-img {
      transform: none;
      top: 0;
   }
}

View post on imgur.com

Best regards,
Ismael

Hey kalla77,

Thank you for the inquiry.

This is the expected behavior. Please note that empty categories or terms will not display on the page. By “empty”, we mean that there are no items assigned to that particular category, so they don’t appear. If there are three categories, for example A, B, and C, and only items from A and B are displayed on initial load, only A and B will appear as sorting buttons. The sorting button for C will not display since there are no items attached to it in the initial load. When the “Load More” or “Mehr laden” button is clicked and items from category C are loaded, only then will the C sorting button display. Hope this clears things up a bit.

Best regards,
Ismael

Hi,

Thank you for the update.

We can’t reproduce the issue on our end. Also, please note that the css code above should not affect the size of the slider, only make the caption visible on smaller screens.

View post on imgur.com

Best regards,
Ismael

Hi,

Please remove the previous modification and replace it with the following css code, then make sure to purge the cache or clear your browser history afterward.

#top #wrap_all .contact-form :is([type=submit], button:not([type=reset])) {
    align-items: center;
    display: inline-flex;
    gap: .5em;
    justify-content: center;
    border-radius: 100px;
    color: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0.6);
    background: 0 0;
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    transition: all 0.4s ease-in-out;
    padding: 9px 10px 7px;
    width: 80px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

The issue is with the other page builder. You have to edit the images there and set the URL or link. If it’s not available, you may need to manually wrap the images in a link tag then use the image URL as value. Please contact the plugin developer for additional assistance.

Best regards,
Ismael

Hey Bpelzer,

Thank you for the inquiry.

Adding this css code should help move the copyright text below the image, but it will create a bit of extra space below the slider.

#presse .av-horizontal-gallery {
    padding-bottom: 120px;
}

#presse .presse-galerie .av-image-copyright {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    padding-top: 0;
}

#presse .presse-galerie .av-horizontal-gallery-wrap {
    overflow: visible;
    padding-bottom: 50px;
}

View post on imgur.com

Best regards,
Ismael

Hey Jackie,

Thank you for the inquiry.

Did you build a custom menu? You can set the Fullwidth Submenu element to display an existing menu by selecting the first option in the Content > Which kind of menu do you want to display settings. Then, choose the menu from the Select menu to display list or dropdown. Let us know if this is what you’re asking.

Best regards,
Ismael

Hey Alex,

Thank you for the inquiry.

1.). Please try to add this css code to pull the logo further toward the left edge of the document:

.responsive .logo {
    margin-left: -30px;
}

View post on imgur.com

2.) Edit the cells in the Grid Row elements and adjust the padding values for smaller screens to reduce the spacing around the cell content. Please check the screenshot below.

View post on imgur.com

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

The images on the “mixed-media” page don’t have any links or are not wrapped inside a link tag. Unfortunately, we are not familiar with the SiteOrigin Builder and we are not sure how the images were added to the page, but you may need to edit them and make sure they include links that use the original image URL as the value.

Another option is to switch to the Advance Layout Builder and use image elements such as the Gallery or Masonry.

View post on imgur.com

Best regards,
Ismael

Hi,

The “Select Post Type” option is not enabled by default, but it was probably enabled by the previous developer. You can disable it back by removing the following code from the functions.php file:

add_theme_support('add_avia_builder_post_type_option');

After disabling the option, you may need to re-add the Blog Posts element or manually edit the shortcodes and remove the post_type attribute, then update the page so it’s synced with the database.

Is it possible there is an issue with the Custom Post Type UI plugin?

Yes, it’s possible that there’s an issue with the creation of the custom post type “hotel-resorts.” Another thing you could try is to select all items or the “Post Types” option in the list, since the “hotel-resorts” post type is not available, and see if that works.

Best regards,
Ismael

Hey Martin,

Thank you for the inquiry.

We noticed that the title attribute of the featured image is removed on mouse hover and returns on mouse out. Did you add a script that disables the title attribute on hover to prevent the default browser tooltip from showing? Please note that the lightbox script relies on the title attribute for the caption or image subtitle.

You may need to remove the script that disables the title attribute to keep the lightbox subtitle or caption consistent. Let us know the result.

Best regards,
Ismael

Hey Richard,

Thank you for the inquiry.

The image overlay is disabled on mobile devices by default. You can enable it back but you have to edit the themes/enfold/js/avia.js file and remove the following code from the avia_hover_effect function, around line 769.

if( $.avia_utilities.isMobile )
		{
			return;
		}

Make sure that the Enfold > Performance > File Compression is temporarily disabled. Let us know the result.

Best regards,
Ismael

Hey Daniel,

Thank you for the inquiry.

The same SVG logo image is displayed on small screens when we checked the previous site. Would you mind providing a screenshot?

Best regards,
Ismael

Hey profumopuntoit,

Thank you for the inquiry.

You can add this css code to adjust the width and height of the SVG icons.

.responsive #top #wrap_all .menu-item-search-dropdown >a > svg {
    width: 24px;
    height: 24px;
}

.responsive #top #wrap_all #menu-item-shop .cart_dropdown_link .av-cart-container svg {
    width: 24px;
    height: 18px;
}

Let us know the result.

Best regards,
Ismael