Hey Camp Como,

Please use this link in order to open a new thread, or click this button in the Enfold sub forum: https://imgur.com/a/AnoSPNb.

Best regards,
Rikard

Hey,

Thanks for contacting us!

You can use – https://wordpress.org/plugins/loco-translate/ plugin to translate it to another language.

If you would like to change the text on your child theme ( https://kriesi.at/documentation/enfold/child-theme/ ), please copy /enfold/config-templatebuilder/avia-shortcodes/menu/menu.php file to your child theme into /shortcodes/ folder and find

$mobile_button .=		'<span class="av-current-placeholder">' . __( 'Menu', 'avia_framework' ) . '</span>';

Then add following code to bottom of Functions.php file of your child theme

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');

  return $paths;
}

Best regards,
Yigit

Hi navindesigns,

Please try the following in Quick CSS under Enfold->General Styling:

.page-id-31 #av_section_2 .flex_column .avia-button-wrap {
    position: absolute;
    bottom: 25px;
}

Thanks @guenni007 for helping out :-)

Best regards,
Rikard

Hi,

Thank you for the inquiry.

To adjust the button text, you can use this plugin.

// https://wordpress.org/plugins/say-what/

Just look for the text that you would like to adjust, then provide the replacement text or translation. You can also adjust the text by editing the template file (enfold/config-woocommerce/config.php line 529) directly.

	if($product->get_type() == 'variable' && empty($output))
	{
		$output = '<a class="add_to_cart_button button product_type_variable" href="'.get_permalink($product->get_id()).'"><span '.av_icon_string("details").'></span> '.__("Select options","avia_framework").'</a>';
	}

	if(in_array($product->get_type(), array('subscription', 'simple', 'bundle')))
	{
		$output .= '<a class="button show_details_button" href="'.get_permalink($product->get_id()).'"><span '.av_icon_string("details").'></span>  '.__("Show Details","avia_framework").'</a>';
	}

And to adjust the button style, use this css code.

.avia_cart_buttons {
    padding: 0;
}

#top .avia_cart_buttons .button {
    padding: 10px;
}

Again, you need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css or resave the theme options.

Best regards,
Ismael

Hi Justine,

Thanks for contacting us!

1- I could reproduce the issue on my iphone and noticed “parallax” class on the color section even though it did not have any background so I temporarily added a background image, set it to scroll, removed background image, saved the element and updated the page and that helped.

2- I added following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 1070px) and (min-width: 767px){ 
.home .slideshow_caption { width: 100%; }}

@media only screen and (max-width: 480px) { 
.responsive #top.home .slideshow_caption .avia-caption-content { display: none; }}

First code removes right alignment so buttons show up on tablets and second code hides description so there is enough space on mobile for buttons to show up.

Please review your website :)

Best regards,
Yigit

Hi Serge,

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 767px) { 
.responsive .av_promobox .avia-button, .responsive .av_promobox .avia-button-wrap {
    display: inline-block;
}}
@media only screen and (max-width: 990px) {
.avia-promocontent {
    margin-right: 0;
}
.av_promobox .avia-button.avia-size-large {
    margin-top: 0;
}
#top .av_promobox .avia-button {
    position: unset;
}
}

Best regards,
Yigit

Hi Mike,

Thanks for the information.

I have found 3 CSS errors in Quick CSS field and fixed them and then enabled CSS file merging and compression option and confirmed that layout still looked fine on mobile. I believe the issue was related to broken CSS.

1- I have added following code to bottom of Quick CSS field to increase the space between the map on mobile

#top.tribe-theme-enfold.single-tribe_events .secondary .tribe-events-meta-group {
    margin-top: 20px;
}

2- However I am unable to reproduce the space issue between the buttons. They look fine on my end. I attached a screenshot in private content field below. If this is not what you meant, could you please post a screenshot and show so we can make sure that we are on the same page? :)

Best regards,
Yigit

Hi,
Thank you for your patience, this can easily be fixed by manually changing the url to “https://” and click “Save all settings” button at the top of the page.

you do not have to use the “upload” button, you can manually enter the url to the image.
If you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for your patience and for the login, I removed the script that @Yigit had added so I could test and I made a duplicate of your product, it seems that the manually added Product Purchase Button causes this with the first following product slider, if the Product Purchase Button is removed or if it is placed at the after the product sliders this doesn’t occur.
On the duplicate product page linked below I removed all other elements one at a time, and placed the Product Purchase Button in between two product sliders to demonstrate this.
But I’m not able to reproduce this on a new install with Enfold and WooCommerce by copying your page shortcode to it, or by manually trying to recreate, in this screenshot you will the product slider doesn’t break, please note the products are from our Shop demo so they are different from yours but the page elements and layout is yours:

So I don’t believe this is caused by the theme, perhaps it’s from one of your 28 plugins, you could investigate further by disabling them one at a time to find the one causing the error, or if you could use @Yigit’s solution above.

Best regards,
Mike

Hey erictuvel,

Thank you for the inquiry.

The menu item shrinks because of this css code.

#top #header #avia-menu > li:hover > a span.avia-menu-text {
    color: #e95e38 !important;
    border: 0 !important;
}

It disables the default border of the button. Try to remove the code, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.

Best regards,
Ismael