Hey gb,

Thank you for the inquiry.

This should be possible with a Fullwidth Submenu element. Please add the element in the page, go to the Advanced > Developer Settings panel, then add the class name “av-floating-sub-menu” in the Custom CSS Class field. Afterwards, add the following css code to make the submenu float at the bottom of the page.

#top .av-floating-sub-menu {
    position: fixed !important;
    bottom: 50px;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50px;
    top: auto !important;
}

If you want the submenu to display on all pages without manually adding it in the editor, extract the shortcode of the element by enabling the debug mode, then use template hooks such as ava_after_content_templatebuilder_page.

add_action('ava_after_content_templatebuilder_page', function() {
  // place the submenu shortcode here 
}, 10);

To enable the debug mode, please check the documentation below.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael

Hey ricedean,

Thank you for the inquiry.

That is the default border color of the valid input fields. You can adjust the border by adding this css code.

#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area, #top #wrap_all .valid .select {
    border: 1px solid #7296cd;
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the update.

First, you have to add this code in the functions.php file to register the Tripadvisor icon.

// Register tripadvisor icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['Tripadvisor'] = array( 'font' =>'tripadvisor', 'icon' => 'uf262');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['Tripadvisor'] = 'Tripadvisor';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

//Add items on the social share section
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args) {
	$new_array = array(
		'Tripadvisor' => array(
			"encode"=>true, "encode_urls"=>false, "pattern" => "https://www.tripadvisor.com://send?text=[title]-[permalink]"
		)
	);

	return array_merge($new_array, $args);
}

After that, go to the Enfold > Social Profiles, click the plus (+) symbol below the Facebook entry, select Tripadvisor from the dropdown, then add your Tripadvior account URL in the Social Icon URL field. Let us know if you need further assistance.

Best regards,
Ismael

Hi,

Thank you for the update.

The first file structure is correct. Did you do the following step?

Go to Enfold > Theme Options > Demo Import and import the demo

Best regards,
Ismael

Hey Purepraxis,

Thank you for the inquiry.

Please try to add this css code to adjust the alignment of the tab titles. This may require adjustments on smaller screens.

.av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
    width: auto;
}

.js_active .av-tab-section-tab-title-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-right: 20px;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We could change the team member image to a square shape instead of round on smaller screens to create more space for the social icons.

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

  /* Add your Mobile Styles here */
  .team-img-container {
    border-radius: 0;
  }
}

Please check the screenshot in the private field.

Best regards,
Ismael

Hey suthernstrawberry,

Thank you for the inquiry.

You can add this css code to keep the top Header Secondary Menu visible on scroll.

.html_header_top.html_header_sticky #header {
    margin-top: 0 !important;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hi,

Happy to help! 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 clarification.

We could adjust the width of the submenu a bit to make sure that the menu labels don’t break to the second line. Please add this css code in the Quick CSS field.

 .av-main-nav ul {
    margin-left: 0;
    left: 0;
    width: 250px;
}

Best regards,
Ismael

Hi,

No problem! Let us know if you have more questions.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

It still loads the old version of the file on our end even when we check the site on incognito mode. Please check the screenshot below.

Did you test the page again? The regex match should now return 7 results instead of 6 including the second ID in the URL.

Best regards,
Ismael

Hi,

We may need to access the site in order to properly check the issue. Please provide the login details in the private field.

Best regards,
Ismael

Hey Gabriele-Marie,

Thank you for the inquiry.

We can use some filters in the functions.php file to add a new icon. Please check the thread below for an example.

// https://kriesi.at/support/topic/tripadvisor-as-social-share-icon/#post-1286736

Related threads:

// https://kriesi.at/support/topic/telegram-in-social-share-button/#post-1358871
// https://kriesi.at/support/topic/changement-couleur-et-police-ne-fonctionne-pas/#post-1344998

Best regards,
Ismael

Hi,

Thank you for the info.

Looks like the other slides still have the default h2 styles, not the styles set in the Styling > Font Sizes panel.

This is the custom style of one of the slides, configured in the Styling > Font Sizes.

#top #wrap_all .avia-slideshow .av-slideshow-caption.av-lhewf3ia-c0fce5f319dd1be36b426af6eda71d3c__7 .avia-caption-title {
    font-size: 36px;
}

And this is the default h2 style, which is still applied to some of the slider items.

#top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 {
    font-size: 15px;
    font-family: 'arial', Helvetica, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

Please check the slider settings, then toggle or temporarily disable the Enfold > Performance > File Compression settings.

Best regards,
Ismael

Hey sanlevigoband,

Thank you for the inquiry.

Did you add the avia_demo_store_downloaded_files theme support in the functions.php file? This will just give you an option to the download the demo files manually but you will still encounter the same error as doing the automatic update since the process is the same.

To manually or locally import the demo, try to use the XML files instead.

// https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

You can also ask your hosting provider to whitelist the following IP address, which might fix the curl timeout error.

 http://kriesi.at/ (85.13.136.225)

Best regards,
Ismael