Hi,
Glad to hear that you found a plugin, I have not used it and I only found an old issue from 2018 with it, probably not an issue anymore.
Shall we close this thread then?

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey manyfloor,
Thank you for your question, but the product catalog already includes category classes such as:
product_cat-music
product_cat-accessories
product_cat-hoodies
these are basic examples from the woo demo import.
Please provide more detail with example links to your site so we can understand better and reproduce, perhaps what you call a “product catalog module” we call something else?
A link to your pages and a admin login would help a lot.
As I understand, you only want DOM classes for CSS and not the classes to show on the frontend.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
To change the widget titles, please see this thread.
For us to find the over-riding Footer font color we will need to see your site, so once it is online please open a new thread, as this is not your thread posting your admin login here will not be private and you will not see our comments in the Private Content area.
Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,
For desktop this seems to work for me:

@media only screen and (min-width: 768px) { 
	.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 290px;
}
}

Best regards,
Mike

Hi,
Sorry I see your point now, you can only have one Portfolio Items Base, I recommend using posts and categories to have
/treatments/[name of treatment]
/treatment-area/[name treatment area]
or you could create a CPT with Advanced Custom Fields (ACF), but it won’t be a Portfolio Item.
or you could try a plugin like Custom Permalinks but I don’t know if it will work with the masonry element.

Best regards,
Mike

Hey Peter,
In the WP Table Builder plugin support one day ago a user reports:
change version to 1.5.1 icons will work. something wrong with 1.6.0 and 1.6.1
They seem to have about 15 similar issues from the past two days.
I don’t see any theme errors, try publishing your page and see if that is the issue, or post to the plugin support page.

Best regards,
Mike

Hi,
Thanks for the feedback, as for the log above, it points to class-avia-instagram.php line 739
this line is the closing tag for the widget, if you were using this widget then perhaps your username was not correct or was causing an error.
It looks like you are not using the widget now, I’m not able to reproduce this error on my site, probably because we don’t have a SiteGround account. Another possibility is that the SiteGround Optimizer plugin is trying to minify the file and causing an error, I don’t know but we are limited to the support we can offer for plugins. I recommend leaving this plugin disabled.

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, but when I check your homepage I don’t find a “slider”:

I do find that your ADs in the right side “codeblock” elements don’t all show for me:

But this is due to my browser AD blocker, depending on your browser AD & Tracker blocking may be automatic or it may be an add-on, try turning off your AD blocker for all of the ADs to show:

This is not an issue with the theme, one way around this would be to not use the AD codes to show the ADs, but to host the images on your site and add your referral link to them, if the images are hosted on your site then the AD blockers should show the images. But note that some AD blockers will remove your referral link or block the tracking cookie so you will not get credit for the click. Typically, it is better to offer a custom “discount code” so when the visitor is in the checkout they will enter it and you get credit, but not all offers have this.

Best regards,
Mike

Hi,
1. store page
When I check your shop page the sidebar and products are centered, see the screenshot below.
If you want the sidebar to be smaller try adding this css in your quick css field:

.container .av-content-small.units {
    width: 85%;
}
.sidebar_left .content {
    padding-left: 0;
}

2. product page
When I check your product page with Chrome & Safari I do not see:

If you scroll here, the product image gets bigger and bigger and the page can no longer be used.

What browser are you using?

Best regards,
Mike

Hi,
Let’s try adding a custom class “custom-banner” to the div to better manage future changes, and change the font size for mobile from 22px to 12px, this will make the text on mobile closer to what you want, you can even try smaller if you find 12px still to big.
This is the new script:

function custom_banner_below_the_header_and_above_the_main_menu() { ?>
  <script>
// Create the new div element
const newDiv = document.createElement('div');

// Set a class for the new div
newDiv.className = 'custom-banner';

// Set the text content
newDiv.textContent = 'The Most Comprehensive Alternative Wellness Experience In The Midwest';

// Set the style properties for screens above 768px
newDiv.style.backgroundColor = 'gray';
newDiv.style.color = 'white';
newDiv.style.fontSize = '22px'; // Default font size for larger screens
newDiv.style.padding = '10px';

// Add the flexbox properties
newDiv.style.display = 'flex';
newDiv.style.justifyContent = 'center';
newDiv.style.order = '4';
newDiv.style.flexBasis = '100%';

// Find the element with class "main_menu"
const mainMenu = document.querySelector('.main_menu');

// Insert the new div before the main_menu
if (mainMenu) {
  mainMenu.parentNode.insertBefore(newDiv, mainMenu);
}

// Adjust styles based on screen width
function adjustStyles() {
  if (window.innerWidth < 768) {
    newDiv.style.fontSize = '12px'; // Font size for screens below 768px
  } else {
    newDiv.style.fontSize = '22px'; // Font size for screens 768px and above
  }
}

// Initial adjustment
adjustStyles();

// Adjust on window resize
window.addEventListener('resize', adjustStyles);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_banner_below_the_header_and_above_the_main_menu', 99 );

Please give this a try.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
I’m not sure what would be “nicer on mobile view”
But this added element is covering your LayerSlider so you could hide this on mobile or add more top margin/padding to your LayerSlider to push it down.

Best regards,
Mike

Hi,

.main_menu {
	padding-top: 20px;
}

Best regards,
Mike