Hi,

Thank you for the update.

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache. Let us know the result.

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

The social icons and language switchers are intentionally hidden on mobile view due to the lack of space in the header. If you want to display them again, you can try this css code:

@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header .social_bookmarks,
  .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
  }

  #top .av-burger-menu-main.menu-item-avia-special {
    left: auto;
  }
}

Best regards,
Ismael

Hi,

How can I change the music icon to a clipboard one or any other?

You can create a button with your preferred icon, then copy the value of the data-av_icon attribute. It may appear as a tilted rectangle, but it actually contains the character code for the icon.

<span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>

Best regards,
Ismael

Hi,

Thank you for the update.

We are unable to reproduce the issue on our end. The inline styles remain the same when we edit the Text Block or update the page. Please check the screenshot in the private field. It’s possible that a plugin is causing the issue on your end. Have you tried using a Code Block element instead?

Instead of using inline styles, you can add custom class names to the html and adjust the styles for these elements in the Enfold > General Styling > Quick CSS field.

Best regards,
Ismael

Hey Mirko Schwellenbach,

Thank you for your interest in the theme.

When importing a demo, some images may not be included due to copyright restrictions. However, all pages, templates, and layouts will be fully imported. You’ll need to replace any missing images with your own. Also, some demos may require specific plugins, such as WooCommerce for shop pages, to fully replicate the demo content. Most of these plugins are free to use and can be easily installed to make sure the demo functions as intended. Please let us know if you need more info.

Best regards,
Ismael

Hi,

You need to upload the theme files manually via S/FTP. Please review the video in the documentation provided above and check this article for more info about updating.

// https://kriesi.at/archives/the-complete-guide-to-updating-enfold

Best regards,
Ismael

Hi,

Thank you for the info.

We adjusted the script slightly and removed a few unnecessary elements, including some styles. You can place the zipcodes.json file in the wp-content > uploads folder and use the absolute URL (https://dev.site.com/wp-content/uploads/zipcodes.json) in the fetch function.

<script>
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}});
</script>
<div class="container">
<h3>Zipcode Redirect</h3>
<form id="zipcodeForm">
        <input type="text" id="zipcodeInput" placeholder="Enter zipcode" required>
        <button type="submit">Go</button>
    </form>
<p id="errorMessage" class="error"></p>

</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
    const form = document.getElementById('zipcodeForm');
    const input = document.getElementById('zipcodeInput');
    const errorMessage = document.getElementById('errorMessage');

    fetch('https://welstestdev.wpenginepowered.com/wp-content/uploads/zipcodes.json')
        .then(response => response.json())
        .then(zipcodeData => {
            form.addEventListener('submit', (e) => {
                e.preventDefault();
                const zipcode = input.value.trim();

                if (zipcodeData[zipcode]) {
                    window.location.href = zipcodeData[zipcode];
                } else {
                    errorMessage.textContent = 'Zipcode not found. Please try again.';
                }
            });
        })
        .catch(error => {
            console.error('Error fetching zipcode data:', error);
            errorMessage.textContent = 'An error occurred. Please try again later.';
        });
});
</script>

Best regards,
Ismael

Hey walhai,

Thank you for the inquiry.

We reviewed the settings of the WP Super Cache plugin but did not find any options related to this issue. However, it’s possible that the cache plugin is excluding pages with contact forms because these forms often rely on unique tokens or values for security and submission. This might prevent the cache from being applied to those pages.

Best regards,
Ismael

Hey MysticMimi,

Thank you for the inquiry.

how to do is to increase the space on each side of the copy

Try to edit the cell containing the text and adjust the values in the Styling > Padding > Cell Padding settings. You can also adjust the column’s Layout > Padding > Inner Padding settings. Let us know if this works.

Best regards,
Ismael

Hey Julie,

Thank you for the inquiry.

Are you trying to add JavaScript code to a Code Block element? What should happen after fetching the content of the JSON file? You might need to place the JSON file in the wp-content directory or your child theme folder. Please provide the complete code so that we can review it. However, please note that this level of customization is beyond the scope of our support. You may need to hire a freelance developer or reach out to our partner, Codeable.

If you have any other questions or need further assistance, please don’t hesitate to let us know.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

As @Guenni007 pointed out above, the beige space is created because of the following css code:

.avia-table-1 td:nth-child(2) {
  width: 70%;
}

The issue with the label is due to the table script, which repeats the first label in the first row. To fix this or to prevent the theme from repeating the first label, you can add a blank header row above the other rows.

Best regards,
Ismael

Hey spokerstradingco,

Thank you for the inquiry.

Which code did you add, and what are you trying to do? Please explain what you’re attempting to change or provide a screenshot using platforms like Savvyify, Imgur, or Dropbox.

Best regards,
Ismael

Hi,

Great! Glad to know you figured it out. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

The implementation above relies on the “data-copy” attribute, which cannot be added to any builder elements. You may need to manually copy the HTML into a code or text block. If you need it to look like a default builder button, you can try this html:

<div class="avia-button-wrap avia-button-center">
    <a href="javascript:void(0);" 
       class="avia-button av-lzt94u23-6a241e487832b9aa657eb8d56d62aa80 av-link-btn avia-icon_select-yes-left-icon avia-size-small avia-position-center avia-color-theme-color btn-copy js-tooltip js-copy"
       data-toggle="tooltip"
       data-placement="bottom"
       data-copy="https://urltocopy.com/test/"
       title="Copy URL"
       onclick="var tempInput = document.createElement('textarea'); tempInput.value = this.getAttribute('data-copy'); document.body.appendChild(tempInput); tempInput.select(); document.execCommand('copy'); document.body.removeChild(tempInput); alert('URL copied to clipboard: ' + tempInput.value);">
        <span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
        <span class="avia_iconbox_title">Click me</span>
    </a></div>

Best regards,
Ismael

Hey spokerstradingco,

Thank you for the inquiry.

On smaller screens, the font size is set to 0.8em. Did you configure the font size for different screen sizes (Styling > Font Sizes > Heading Font Sizes)?

#top #wrap_all .av-special-heading.av-lxums4ni-4f37f7f215843741833d4240ad4206d4 .av-special-heading-tag {
    font-size: 0.8em;
}

Best regards,
Ismael