Hi,

Thank you for the update.

Looks like the shop description cannot be translated in the String Translation management panel, so what we did is we added the description for each language in the same field.

<span class="av-lang av-lang-fi">TERVETULOA
tutustumaan Glungan mallistoon</span>
<span class="av-lang av-lang-gb">WELCOME
Check out the Glunga collection</span>

Then used this css code to toggle their visibility based on the active language.

.av-lang { display: none; }
html[lang="en-GB"] .av-lang-gb { display: inline-block; }
html[lang="fi"] .av-lang-fi { display: inline-block; }

Please make sure to purge the cache before checking the page.

Best regards,
Ismael

Hi,

Thank you for the update.

1-2.) This css code also applies the background image to the header container.

.page .container_wrap {
    background: url(https://www.toysanarchy.com/wp-content/uploads/2022/01/annie-spratt-scaled.jpg);
    background-attachment: fixed;
}

To retain the original header background, you have to replace the css code with this one.

.page #main .container_wrap {
    background: url(https://www.toysanarchy.com/wp-content/uploads/2022/01/annie-spratt-scaled.jpg);
    background-attachment: fixed;
}

Also, please note that container_wrap is a common class name, so the css code above will be applied on every sections in the page. You may have to adjust the css selector a bit so that the changes will be only applied on the intended sections. Adding a custom css class name to the sections should help.

// https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Best regards,
Ismael

Hi,

Thank you for the update.

According to Mike, you have to find and remove the custom css code above to change the button back to its default appearance. They were probably added in the Quick CSS field.

Best regards,
Ismael

Hey Daniele,

Thank you for the inquiry.

We cannot find the accordion element in the page (shown in the 2nd screenshot). Did you remove it?

The issue probably occurs because there are html in the builder elements that do not have a proper closing tag, which could break the layout of the page and remove the following builder elements.

Best regards,
Ismael

Hi,

The same css code should work on Safari. Make sure to keep the file compression settings disabled while editing the site and please do not forget to purge the cache.

Best regards,
Ismael

Hi,

Thank you for the info.

That element is a part of the block editor, not the theme. Are you using the block editor in any of your posts or pages? If you are not using the new block editor, you can revert back to the classic editor by adjusting the Enfold > Theme Options > Select your editor settings.

Best regards,
Ismael

Hey Tobias,

Thank you for the inquiry.

You have to edit the Blog Posts element and set the Content > Select Entries > Do you want to display blog posts? settings to the second option (custom taxonomies). Make sure that the Tribe Events Cat taxonomy is selected to display event items.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

Adding this css code should help with the height issue.

@media only screen and (max-width: 989px) {
    .responsive #top #wrap_all .av-flex-cells .no_margin {
        height: 100% !important;
        overflow: hidden;
    }
}

If the same css media query already exists, you can just copy the css rule within and place it inside the current css media query.

Best regards,
Ismael

Hi,

Thank you for the update.

You can manually define the size of the menu item background with the following css code.

li#menu-item-1464 {
    background-size: 40px;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hey Hurricane,

Thank you for the inquiry.

Looks like you’ve managed to fix the background issue by adding a whitespace element inside the grid row cells. All background images in the home page displayed correctly on mobile view when we checked. If you need more help, please let us know.

Best regards,
Ismael

Hi,

Thank you for the clarification.

The screenshots are not accessible and we cannot access the dashboard using the URL above. For some reason, we get a 403 forbidden error (see private field). Did you change the login URL?

Best regards,
Ismael

Hi,

Do you know of some ‘function’/’feature’ in Angular that we could use to ‘get around’ the Avia javascript ‘issue’?

The issue in the script that we mentioned above has to be fixed. You have to hire someone to update the Angular theme and make it compatible with the latest version of WordPress and of jQuery.

If you have more questions about Enfold, please feel free to open another thread. We will close this one for now.

Thank you for your understanding.

Best regards,
Ismael

Hi,

Glad it worked. But there might be an invalid css code somewhere in that field that requires fixing. Please feel free to open another thread if you need anything else. We will close this for now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the info.

There might be a missing closing bracket somewhere in the css code. Please make sure that all css media queries and css rules are closed properly. To fix the issue temporarily, try to move the css code at the very bottom the Quick CSS field. Or post the login details in the private field so that we can check the css.

Best regards,
Ismael

Hi,

Thank you for the update.

The site is now accessible but we cannot yet figure out why the sidebar is not displaying in the product category pages. Can we access the file server? We would like edit the taxonomy-product_cat.php file template and maybe override and place it in the child theme directory. Please post the FTP details in the private field.

Best regards,
Ismael