Hi,
Thank you for your patience, when you use the shortcode wand in a Classic Editor you are given the same element builder as in the Advanced Layout Builder, I checked again to ensure nothing had changed, you can add checkbox, select element, Google reCaptcha, and so on.

But there is another way to get your shortcodes: Enable the Avia Layout Builder Debugger
with this method, you will be shown the full page of shortcodes so you will need to be careful when you copy, the shortcode wand method shows you just the element that you created in the builder.
I also tested your wpform shortcode on the test page, by creating a third button & popup and it seems to work correctly:

please check, from your screenshot of the form error it looked like css conflict which I thought could be solved, but since I don’t see the error all the better.

Best regards,
Mike

Hey Pixel_Production,

Thank you for the inquiry.

We can use some css to display the heading row on mobile view but it may not display how you expect it to. Please try this css code.

@media only screen and (max-width: 767px) {
    .responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th {
        display: block;
    }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings. Why did you have to add the table html manually?

Best regards,
Ismael

Hi,
Thank you for the test page, for two buttons opening two popups on the same page the code block should contain this:

<script type="text/javascript">
jQuery(window).load(function(){
jQuery('.avia-button-wrap.form-popup a.avia-button').addClass('form-popup-link');
  jQuery('.form-popup-link').magnificPopup({
    type:'inline',
    midClick: true
  });
});
</script>
<style>
.form-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
</style>


<div id="form-popup-one" class="form-popup mfp-hide">
form one
</div>

<div id="form-popup-two" class="form-popup mfp-hide">
form two
</div>

The button links should be #form-popup-one & #form-popup-two

and the button custom class should be form-popup

this results like this:

Now to add your forms you will create your forms with the shortcode wand in a Classic Editor post so you can copy the shortcode and paste it in the code block:

like this:

the result:

I made these changes to your page please clear your browser cache and check.

@mistermagoo8691 thanks for your feedback, I will check & correct it.

Best regards,
Mike

Hey Brolle,
Thank you for your question we don’t have a built-in popup element but we do have this solution to create a popup with a code block element. We can help adjust this to show your form, but we will need further information, such as what will trigger the popup a link or button? What kind of form is it, a contact form element or the shortcode from another plugin?
If you want to use a plugin rather than building this, WP Popups is a free plugin that seems to work well with Enfold.
If you don’t want to use a plugin, then try creating a test page and include admin login in the Private Content area below so we can help further.

Best regards,
Mike

Hi,

Could you please try adding following code to Quick CSS field in Enfold theme options > General Styling tab and check if that helps?

.aoki-template_image-button .flex_cell {
padding: 0;
}

Best regards,
Yigit

Hey laptophobo,

Thank you for the inquiry.

You can add a widget area inside the header or directly modify the includes > helper-main-menu.php file and manually add the html for the button there. Please check this documentation fo more info if you want to use the widgets.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Aside from those two options, you can also use hooks to insert additional content inside the templates. To insert something on the main header for example, you can use the ava_main_header hook.

add_action("ava_main_header", function() {
   $output = "<button>This is a button</button>";
   echo $output;
}, 10);

Best regards,
Ismael

Hi Murielvillanueva,

I’m not sure I can see that problem on my end, could you post a screenshot of what you are seeing on your end please?

If you want to start a new thread, then please use this link, or click this button: https://imgur.com/a/AnoSPNb

Best regards,
Rikard

Hey metafora29,
Thank you for your patience, do you mean that you would like to manually create a hidden text section on your page that will be shown when a button or link is clicked like a toggle or accordion section?
An example of this would be to use this css:

.learn-this { 
	display: none; 
}
span.click-learn-more {
	color: #000;
	font-weight: bolder;
}
span.click-learn-more:hover {
	cursor: pointer;
}

this html in a code block element:

<span class="click-learn-more">Learn more…</span>
<span class="learn-this"> your hidden text </span>

and this script in your child theme functions.php:

add_action('wp_footer', 'ava_custom_script', 10);
function ava_custom_script(){
?> <script>
    (function($) {
        $('.click-learn-more').on('click', function() {
            $('.learn-this').toggle();
        });
    }(jQuery)); 
    </script>
<?php
}  

If you mean that you would like the “read more” from the blog element to behave like this, then unfortunately we can not do this.
You could use the masonry element or the ajax portfolio as a solution.

Best regards,
Mike

Hey inextable,

Thank you for the inquiry.

Did you use the WPML Translation Editor to translate the content of the portfolio items? In the “Language” box, make sure that the default translation editor is enabled before clicking the translation (+) button. Please check this documentation for more info.

// https://wpml.org/documentation/theme-compatibility/enfold/#Translating-custom-post-types-taxonomies

You may also need to translate the portfolio categories or taxonomies.

// https://wpml.org/documentation/getting-started-guide/translating-post-categories-and-custom-taxonomies/#translating-taxonomy-terms-as-you-translate-pages-or-posts

Best regards,
Ismael

Hey Max,

Thank you for the inquiry.

Do you accept the privacy cookies on every devices or browsers? Please note that the font will not load if the required cookies are not enabled or accepted, same goes with external services such as maps and videos. You have to open the privacy modal window, toggle the buttons for external services including Google fonts and accept the cookies. But if you want them to load automatically without user consent, you have to set the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behavior to the first or second option.

Best regards,
Ismael

Hi Josephine,

You can open a new thread using this link, or click this button: https://imgur.com/a/AnoSPNb

I’m not sure I understand the problem you are having with the sup tag, could you post a link to where we can see it please?

Best regards,
Rikard

Hey NIck,
Thank you for your question, you do not need to buy the pro version, when you click on the WordPress ▸ Layerslider menu item you probably see this screen:

from here click on the “Lets Get Started” button in the center, then you should see this:

here you want to click on the slider image, in this case it’s “Enfold Reimagend”, then you should be taken inside the slider editor and be shown a “Tour” popup that you should review:

Most of these steps are only for your first visit to the Layerslider dashboard.

Best regards,
Mike