Hi,

In that case please inspect the class name for the div which you want to toggle and replace it in the js code :)

For example:

Replace the class and ID in the below line with the class name of the div with comments. Same with CSS.

jQuery(“#toggle-section”).toggleClass(“hide-me”);

Or you can give this plugin a shot https://wordpress.org/plugins/show-all-comments-in-one-page/

Or check out this tutorial https://premium.wpmudev.org/forums/topic/showhide-comments-section-with-jquery

Best regards,
Vinay

Hi,

I’m sorry, but your requirement is not clear. If you still have any issue please upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)

https://snag.gy/
https://ctrlv.cz/en/
https://imgur.com

Best regards,
Vinay

Hi!

I’m not sure why the lightbox is not working for you. Please deactivate all plugins and check if the light box works and let us know.
You can also try to add “?iframe=true” at the end of the youtube URL.

Cheers!
Vinay

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Submenu top border */

#top .av-main-nav li:hover > ul {
    border-top: none;
}

Best regards,
Vinay

Hi,

Sorry for the delay, I checked your site.

Like you mentioned the About us page is not loading.

I can confirm that the layout builder works fine. I created a private test page for testing purpose. Please check private content for the link.

It’s possible that the About page has a script that’s blocking the layout builder or something is corrupt.

Please enable debug mode and copy the page shortcode and re-create the page.

You should be able to edit the newly created pages :)

Let us know if you have any questions.

Best regards,
Vinay

Hi,

Thank you for getting back to us and sorry for the delay. I checked your site and noticed you have several plugins installed.

To find out if any plugin is causing a conflit please follow these steps:

1. Go to your plugins page > Deactivate all active Plugins
2. Update WordPress and Enfold to the latest version if you have not.
3. Make sure all the plugins are updated.
4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.

We await the results of your plugin compatibility test.

Thanks for your cooperation :)

Best regards,
Vinay

Hey Charlotte,

To disable the click event on parent menu link please follow the steps mentioned in https://kriesi.at/documentation/enfold/menu/#main-menu-links > Disable parent menu link

Let us know if you have any questions :)

Best regards,
Vinay

Hi,

Thank you for writing to us.

I checked your site and the settings were different and the proper code was not copied to the style.css

Please check your site now and let us know if you have any questions.

Best regards,
Vinay

Hi,

1. Please use a text element instead of the icon box and remove the left padding set in the column layout.

2. The color section and Grid row elements are full-width elements.
To modify the width of the full-width elements please use the code in the below link

Please set max-width value to 1310px in the code snippet.

3. Same as issue #2.

Let us know if you have any questions.

Best regards,
Vinay

Hey Munford,

Thank you for contacting us. I checked your site for the issues and found the below:

1. At 989px the boxed layout fills 100% please see screenshot attached. have you tried to clear the cache?

2. If the menu items overlap the logo please check the below link for a possible solution

3. Please open a different ticket for different issues which are not related so it is easy to provide you with a solution and keep the content related to the main topic.

Best regards,
Vinay

Hi,

Sorry for the late reply, I have checked your site and mentioned the steps to resolve the issue below:

To change the button element color on hover please follow the steps:
1. Enable custom CSS class name from Enfold > Layout Builder
2. Give the button element a custom class name “my-custom-button” and use the code provided here:

To make the columns inside which you have the image and text of the same height, please check

I have made the same changes for the column at the bottom of the example page

I have used the embed method to display the video in the footer

In future please create new tickets for different issues it will be easy to provide the solution for you :)

Best regards,
Vinay

Hi,

Have you tried the available styles in the testimonial element settings? The “Compact style” is what you are looking for i think.

If you still need help to add a custom style please try this code in the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Testimonial speach bubble */

#top .avia-testimonial-content  {
    position: relative;
	background: #e1e1e1 !important;
	border-radius: .4em;
	overflow: visible !important;
	padding: 20px !important;
}

#top .avia-testimonial-content:after {
  content:"";
  position: absolute;
  bottom: 0;  
  transform: translateY(100%) !important;
  border-top: 0px solid transparent !important;
  border-left: 13px solid transparent !important;
  border-right: 13px solid #e1e1e1 !important;
  border-bottom: 16px solid transparent !important;
}

Please open new tickets for issues that are not related so we can keep the focus on the main topic :)

Best regards,
Vinay

Hi Nora,

Sorry, we missed your question. We would love to help you with anything related to Enfold or a general question about WordPress.
I need more info on “client recommendations media tool” is that a plugin? if it is please check the plugin documentation or the plugin support as they know their plugin better :)

Best regards,
Vinay

Hey tal1234,

The top gap is created by the sticky pop-up is it a plugin you are using?

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

.responsive #top #header {
	top: -0px
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 40px !important;
}

Best regards,
Vinay

Hey msutherin,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* Topbar current menu */
#top #header_meta li.current-menu-item  {
	 background: purple;
}
#top #header_meta li.current-menu-item a {
	 color: gold;
}

Best regards,
Vinay