Hey Jak73,

Thank you for the inquiry.

You might be able to use Woocommerce variation filters to achieve something like this but the templates or the layout of the product items might have to be modified a bit to make it look like a portfolio gallery.

// https://docs.woocommerce.com/document/products-by-attributes-variations/

You could also try this plugin.

// https://wordpress.org/plugins/search-filter/

Best regards,
Ismael

Hi,

1.) Looks like the phone number is now visible on mobile view. The color is now green over a white background.

2.) Have you tried switching to a Full Screen Slider instead? The fullscreen slider inherits the height of the browser screen, so this should create enough space for the captions and buttons on mobile view. But if you want to keep on using the full width slider, we can use this css code to remove the space above the caption.

@media only screen and (max-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption     {
	padding-top: 0;
    }
}

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Have you tried clicking the “Change Media” button in the Video/Audio layer? This should open up a modal pop up window where you can add the URL of the youtube or vimeo video or select a locally hosted media file from your media library.

You can also delete the current one and add a new Video/Audio layer again to see the modal popup window for the media files. And after selecting the media file or placing the required video URL, this will automatically add the embed code (iframe or video tag) in the layer field.

Best regards,
Ismael

Hi,

Thank you for the update.

The issue occurs because the containers starting from the first slideshow or slider is rendered outside the wrap_all container. Those elements are supposed to be inside the main container. This causes the elements in the page to not respond or adjust properly on mobile view.

How did you add the sections? Please post the content of the modified files using pastebin.com so that we can check the issue properly, or test it on our end if necessary.

Best regards,
Ismael

Hey!

I can’t put any layout block above the code block though. Any idea why that is and if it can be fixed?

We’ve tried adding a static text or a text block below the code block and the filter still worked properly. Unfortunately, we are not sure why it stops working when something is added above the filter. Try to make sure that the content of the layout block is static or that it doesn’t query anything from the database.

For additional info and assistance, please contact the plugin developers.

Cheers!
Ismael

Hi,

As we’ve said earlier, a lot of the custom css modifications are missing in the new site. We checked the Quick CSS field but those css modification are not there, so they were probably added, by another developer, in the child theme’s style.css file or the Appearance > Customize > Custom CSS panel. Have you had someone else work on the site previously?

We couldn’t check it properly because the Appearance > Editor panel on both sites are not accessible. To restore the site, you have to locate those css modifications, copy them and apply them again in the new site.

Best regards,
Ismael

Hi,

We might be able to fix the issue by applying a specific height to the full screen slider for mobile view or for that specific device (iPhone 11). Please try this css code in the Quick CSS field.

@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2)
    and (orientation : portrait)  { 
    .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
	height: 800px !important;
    }
}

@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2)
    and (orientation : landscape)  { 
    .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
	height: 390px !important;
    }
}

This might decrease the height of the slider a bit but this would also prevent the slider from resizing when the URL field of the browser is hidden.

Best regards,
Ismael

Hi,

Any idea why it stops working when I put a new layout element above the code block or between the code block and the masonry?

It might be looking for the closest element that queries the database or maybe alters the main query in the page, so the sorting stops working for the masonry element when an image element is placed below the code block.

Maybe try to refrain from adding elements between the code block and the masonry to prevent the issue from occuring. Besides, it also makes sense to place the filter right next to the element it’s supposed to sort.

Best regards,
Ismael

Hi,

Thank you for the info. We’ll forward it to our channel. Please keep the modifications for now.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the parallax container is not resizing correctly on landscape mode. To adjust the style of the parallax container, add this code in the Quick CSS field or the style.css file.

@media only screen and (max-width: 1366px) {
    .av-parallax {
	background-size: cover !important;
	background-attachment: scroll !important;
	height: 100% !important;
    }
}

Please don’t forget to toggle the Performance > File Compression settings after adding the code.

Best regards,
Ismael

Hi,

You have to embed the video using an iframe or a video tag. Click the “Change Media” button and upload the mp4 video in the media library. You can also use videos from youtube or vimeo.

Example of a video tag.

<video width="640" height="360" preload="metadata" controls>
	<source src="/wp-content/uploads/video.mp4" type="video/mp4">
</video>

Best regards,
Ismael

Hey Jan_FtFA,

Thank you for the inquiry.

1.) You should be able to edit the privacy toggles or button and the tab content of the modal popup window by enabling the Modal Window Custom Content in the Privacy & Cookies > Cookie Handling option.

2.) Yes, the privacy options should prevent storing of the GA tracker and other external cookies in the local storage. You may need to delete the cookies manually if they were added prior to enabling the privacy options in the theme.

Best regards,
Ismael

Hey webenjoy,

Thank you for the inquiry.

Which files did you modify and what exactly are you trying to change?

Is there any way that we can access the site without editing our host file? Please let us know once the site is live, or if there is a staging or development version of the site.

Best regards,
Ismael

Hi,

Sorry for the delay. The page scrolls to the tab section as expected when we clicked one of the three buttons or packages in the home page. Did you use the script from the previous thread?

Best regards,
Ismael

Hey ultramixer,

Thank you for the inquiry.

According to the gtmetrix tool (see private field), most of the images in the home page are bigger than they should be. You may have to resize the images manually and use an image compression tool to further decrease the size of the images.

The recommendations in the following article should help optimize the speed of the site.

// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

Best regards,
Ismael