Hey Diana,

Thank you for the inquiry.

Have you tried wrapping the css modification inside a css media query so that it only applies on larger screens? You could also add extra css media queries to adjust the style on mobile view.

@media only screen and (min-width: 989px) {
  /* Add your Desktop Styles here */

}

To remove the indentation of the button item, use this css code.

@media only screen and (max-width: 767px) {
    #top .av-menu-button > a .avia-menu-text {
       padding: 0;
    }
}

Again, we use a css media query here to adjust the style of the button menu item when the screen width is equal or less than 767px.

Best regards,
Ismael

Hey w_archer,

Thank you for the inquiry.

We cannot find the page containing the “advertisements” post type, so we created a temp page, added the Blog Posts element and selected the Blade Length taxonomy. All of the items that belongs to the selected taxonomy or term display properly in the page. Where can we see the issue?

To display the ACF fields, you will have to use get_field function and add it directly in the archive.php or in the include > loop-index.php file.

// https://www.advancedcustomfields.com/resources/get_field/

Best regards,
Ismael

Hi,

No problem. Glad we could help. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael

Hi,

Glad to know that you have found the issue. It is possible that the privacy option blocks a certain script in which the plugin depends on, but we are not sure which script it is.

We could set the Enfold > Privacy & Cookies > Cookie Handling > Default Cookie Behavior to the first and second option to allow external services to load without the users’ explicit consent or without them interacting with the cookie bar. Hopefully, this will fix the issue with the paypal checkout.

Best regards,
Ismael

Hi,

It seems like the issue is with the server configuration. For some reason a line break is created after the domain name, which breaks a lot of the specified URL. This issue is non-existent on other servers. Example:

Uncaught SyntaxError: '' string literal contains an unescaped line break
 	avia_framework_globals.gmap_avia_api = 'https://site.com
/wp-content/themes/enfold/framework/js/conditional_load/avia_google_maps_api.js';
        avia_globals.sc['avia_builder_button'].image = 'https://site.com
/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/images/tiny-button.png';

As you can see a line break is created right after the domain name. You may need transfer to a different host or a different server temporarily so that you can start with the site development. Or install a local server so that you can develop the site right in your machine and deploy it once it is ready.

You should also contact GoDaddy and have them check the issue.

Best regards,
Ismael

Hey emilconsor,

Thank you for the inquiry.

Why do you have to manually add the a:():{}? s6 refers to the number of characters inside the string entry. Please note that the _av_alb_posts_elements_state should contain names of the elements that actually exist in the page.

Example:

a:5:{s:10:"av_heading";b:1;s:16:"av_image_hotspot";b:1;s:11:"av_one_half";b:1;s:12:"av_textblock";b:1;s:13:"av_image_spot";b:1;}

This tells us that there is at least one special heading element, a hotpot, a 1/2 column and a text block in a page.

Best regards,
Ismael

Hey krkefalas,

Thank you for the inquiry.

Make sure that the custom css file depends on one of the theme css so that it is loaded after the default stylesheets. In the wp_enqueue_style, you can define the dependencies (deps) as an array of strings.

// https://developer.wordpress.org/reference/functions/wp_enqueue_style/#parameters

Try to add the shortcodes.css file as one of the deps for the custom css, handle is “avia-scs”.

wp_enqueue_style( 'my-custom-style', "path/to/custom.css", array('avia-scs'), "0.1.0, 'all' );

Make sure that the path to the css file is correct.

Best regards,
Ismael

Hi,

Thank you for your patience.

We could also use the avf_ratio_check_by_tag_values filter to adjust the ratio_check_by_tag logic and include the tag translations so that the theme can still return the correct class name.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Yes, the “Load only elements” option should increase the site performance because the site will only load the required resources (js and css). However, this option will only work when the file compression settings are not enabled.

If you are using the Autoptimize plugin, the “Load only elements” option should still work properly even if the css and js files are compressed.

Best regards,
Ismael

Hey Beth,

Thank you for the inquiry.

You can use this filter in the functions.php file to insert an “Add to Cart” text next to the excerpt in the catalogue item.

add_filter("get_the_excerpt", function($excerpt, $post) {
	if(get_post_type($post->ID) == "product") $excerpt .= "<strong class='avia-catalogue-add-to-cart'>Add to Cart</strong>";
	return $excerpt;
}, 10, 2);

Best regards,
Ismael

Hi,

Thank you for the inquiry.

We added the code again and it is working as expected. Please note that the new default option will only be applied to new pages, and not on pages that previously exist, which have their header settings already set.

Best regards,
Ismael

Hi,

Did you remove the css code? The default padding of the mobile menu items or of the social icon entries are back. This is the css code that was missing.

#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items.social_icon_1 {
    margin-left: 50px;
}

It applies a 50px margin to the left of the first social icon, consequently moving the other icons.

Best regards,
Ismael

Hey swisstraveler,

Thank you for the inquiry.

Would you mind providing a screenshot of the issue? We found no breadcrumb element in the site, so the error should not be occurring in the console. Did you try to run the validation process?

// https://support.google.com/webmasters/answer/9216203?hl=en#zippy=%2Cabout-validation

Best regards,
Ismael

Hi,

Parallax effect is actually disabled on mobile view by default. And iOS devices do not fully support fixed elements or backgrounds, so the only solution is to set the background attachment behavior back to default as suggested above, which unfortunately disables the fixed and/or parallax effect.

// https://caniuse.com/background-attachment
// https://stackoverflow.com/questions/21476380/background-size-on-ios

Best regards,
Ismael

Hi,

Awesome! Glad that worked. Please feel free to open another thread if you need anything else. We will close this one for now.

Have a nice day.

Best regards,
Ismael