The catagory mansory is changing the format in mobile view, I want that same as desktop view.

Hello @Plethora,

We hope this message finds you well.

Please note that such a layout may appear too compressed on mobile devices. However, if you would still like to proceed with testing this layout on your devices, kindly provide us with the page containing the relevant content. This will allow us to suggest an appropriate snippet or provide an option for activation.

Best regards,
The 8Theme Team

Hello @Plethora,

We hope this message finds you well.

If you would like to maintain the same layout on mobile devices as seen on desktop for the Categories Masonry widget using Grid Type 2, you can apply the following custom CSS code globally. This will ensure a consistent layout across all devices, as illustrated in the following screenshot: https://gyazo.com/791a7876dc3c40c53d03b64be65d753c.

Please use the following CSS:

.elementor-widget-et-custom-product-categories-masonry .etheme-custom-masonry[data-type="2"] .grid-1 {
    grid-area: 1/1/7/5;
}
.elementor-widget-et-custom-product-categories-masonry .etheme-custom-masonry[data-type="2"] .grid-2 {
    grid-area: 7/1/13/5;
}
.elementor-widget-et-custom-product-categories-masonry .etheme-custom-masonry[data-type="2"] .grid-3 {
    grid-area: 1/5/13/9;
}
.elementor-widget-et-custom-product-categories-masonry .etheme-custom-masonry[data-type="2"] .grid-4 {
    grid-area: 1/9/7/13;
}
.elementor-widget-et-custom-product-categories-masonry .etheme-custom-masonry[data-type="2"] .grid-5 {
    grid-area: 7/9/13/13;
}

To implement this, please navigate to Theme Options → Theme Custom CSS → Global CSS and paste the code there.

Should you have any further questions or require additional assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Hello @Plethora
Please, try to use next CSS snippet:

@media only screen and (max-width: 992px) {
    .elementor-widget-et-custom-product-categories-masonry .etheme-custom-masonry .et-masonry-item, 
    .elementor-widget-et-custom-product-categories-masonry .etheme-custom-masonry .et-masonry-item > a {
        min-height: 100px;
    }
}

Kind regards, Jack Richardson
The 8theme’s team

Hello @Plethora,

Thank you for reaching out.

We kindly recommend reviewing the dynamic tags feature provided by Elementor, which you can find here: https://developers.elementor.com/docs/dynamic-tags/. Our theme includes several custom tags that you are welcome to explore and utilize according to your preferences.

Please note, however, that the theme does not offer built-in functionality to select product categories based on specific offsets (e.g., first, second, or third categories only). We suggest testing your desired solution on a few products initially to ensure it meets your requirements before applying it across your entire product range.

Kindly be advised that any additional customization falls outside the scope of our standard support.

Best regards,
Jack Richardson
The 8Theme Team

Hello @Plethora,

Thank you for reaching out.

In this case, it appears that the widget in question does not support the use of dynamic tags. We recommend exploring alternative widgets that may be compatible with dynamic tags and align with your design requirements.

If no suitable alternatives are available, you might consider creating multiple static blocks or Elementor sections to be used on individual product pages as a workaround.

Should you need further assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Hello @Plethora,

We kindly ask you to check whether the widget in question has been enabled in the Elements Manager (https://elementor.com/help/element-manager/).

If you require further assistance, please feel free to provide us with access so that we can investigate the issue on your behalf.

Best regards,
The 8Theme Team