Hey michaelmiller68,
Thank you for the link to your site, your desktop menu seems to start covering your logo at 1160px, so if you are not able to remove some items to make it shorter you can have the mobile burger menu show instead. Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (max-width: 1160px) {
  #top #header .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}

After applying the css, please clear your browser cache and check.
Below I have linked your current logo (300×34) and your full size logo, try using your full size logo in the Enfold Theme Options ▸ Logo, paste the link directly and save the theme options, don’t use the logo “upload” button.
If you like the display of the larger logo then you might want to change the max-width of the above css to 1440px.

Best regards,
Mike

Hey navindesigns,

Thank you for the inquiry.

We can’t reproduce the issue on our end, but if you are looking to adjust the style of an active button, try to add this code in the Quick CSS field.

.avia-button.avia-size-large:active, .home #av_section_3 .avia-content-slider-inner .read-more-link a:active, .page-id-167 #av_section_5 .avia-content-slider-inner .read-more-link a:active, #top .av-masonry-load-more:active {
  transform: translateY(-3px);
  color: #ffffff !important;
  border: 2px solid #007ca5 !important;
  background-color: #007ca5 !important;
  text-decoration: none;
}

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

Best regards,
Ismael

Hey Jacopotj,

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

.avia-cookie-consent .avia-cookie-consent-button {
    padding: 0.9em;
    font-size: 14px;
}

Best regards,
Rikard

Hey peterolle,

Thank you for the inquiry.

You can actually use custom images as icons if the font icon is not available. Please check the documentation below.

// https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options > Using images or non-Fontello icons

Best regards,
Ismael

Hey Maggie,

If you want it in your main menu, then there’s option under each menu item to display it as a button. You can set that under Appearance->Menus. If you want to place the button somewhere else, then you can try adding it to a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Rikard

Hey Rob :)

You can refer to this post – https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options and it to theme options as image.

Enfold uses icons from Fontello and currently there is no TikTok icon on Fontello, so I am afraid we are unable to add it to theme options.

Best regards,
Yigit

Hey,

Thanks for contacting us!

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

.single-product .av-woo-purchase-button {
  text-align: center;
}

Regards,
Yigit

Hi Ingo,

Thanks for contacting us!

Please login to your account on ThemeForest and go to Enfold’s page – https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 and click “Renew support” button on the right hand side.

After that, you can go to https://kriesi.at/support/forum/enfold#new-post and re-validate your purchase code :)

Best regards,
Yigit

Hey NThiem,

Thank you for the inquiry.

You can use this code in the functions.php file to add the quantity buttons to the product overview page.

add_filter( 'woocommerce_loop_add_to_cart_link', function( $html, $product ) {
    if ( $product && $product->is_type( 'simple' ) && $product->is_purchasable() && $product->is_in_stock() && ! $product->is_sold_individually() ) {
        $html = '<form action="' . esc_url( $product->add_to_cart_url() ) . '" class="avia-quantity-button" method="post" enctype="multipart/form-data">';
        $html .= woocommerce_quantity_input( array(), $product, false );
        $html .= '<button type="submit" class="button alt">' . esc_html( $product->add_to_cart_text() ) . '</button>';
        $html .= '</form>';
    }
    return $html;
}, 10, 2 );

Please make sure that the Enfold > Shop Options > Product layout on overview pages is set to Default or the very first option.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You can use this css code to hide the catalogue price and replace it with a button.

.av-catalogue-price.av-cart-update-price * {
    display: none;
}

.av-catalogue-price.av-cart-update-price:before {
    content: "View Training";
    color: #000000;
    background: #ebebeb;
    padding: 10px 13px !important;
    top: 10px;
    position: relative;
    border-radius: 3px;
    font-size: 13px;
}

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

Best regards,
Ismael