Hi,
Please note that your shortcode is using single quote marks:

so you need to use a double quote marks after echo do_shortcode( that wrap the inner shortcode:

and you can’t have any line breaks, try this code:

function ava_woocommerce_before_main_content() {
if ( is_product() ) {
echo do_shortcode("[av_submenu which_menu='' menu='49' position='left' sticky='aviaTBsticky' color='alternate_color' mobile='disabled' mobile_switch='av-switch-768' alb_description='' id='' custom_class='' template_class='' av_uid='av-lnbxc8ss' sc_version='1.0'][av_submenu_item title='Menu Item 1' button_style='' link='' linktarget='' av_uid='av-fdyw7' sc_version='1.0'][av_submenu_item title='Menu Item 2' button_style='' link='' linktarget='' av_uid='av-70t2n' sc_version='1.0']");
}
}
add_action( 'woocommerce_before_main_content', 'ava_woocommerce_before_main_content', 10 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 768px) and (max-width: 990px) {
#buttonbottom {
    position: absolute;
    bottom: 28px;
    left: 22%;
}
}

Best regards,
Rikard

Hey,

Currently, you would need to add it manually: https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options.

We added TikTok icon and updated Twitter icon to X in version 5.6.7. We don’t have a release date yet but we’re planning to release it soon.

Best regards,
Yigit

Hey webba,
Unfortunately we don’t have a radio option, but you could use the checkbox option and try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

input[type="checkbox"]{
  visibility: hidden;
  position: absolute;
}
input[type="checkbox"] + label:before{
  height:12px;
  width:12px;
  margin-right: 2px;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  border:1px solid #777;
}
input[type="checkbox"]:checked + label:before{
  background-color: black;
}
input[type="checkbox"] + label:before{
  border-radius:50%;
}

to make it look like a radio button. If you are also using checkboxes and this causes a conflict, please link to your form and tell us which ones should be a radio button and we can adjust this css to help.

Best regards,
Mike

Hey,

Please refer to this post: https://kriesi.at/documentation/enfold/footer/#display-scroll-to-top-button-mobile

If this doesn’t work for you, please check if you have any errors in your custom CSS. You can use this website to do that http://csslint.net/.

Regards,
Yigit

Hi,

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

#top #wrap_all .social_bookmarks:hover a {
  background-color: #000;
}

#top #wrap_all .social_bookmarks a:before {
  font-size: 16px;
}

The documentation you linked to is for the social share element, not the icons in the header. I’m not sure which example you would like to mimic, but I don’t think large rectangle buttons would look nice or fit inside the header unfortunately.

Best regards,
Rikard

Hello,

hot to have space between the logo and the first button (ENG)?

There isn’t an option for that in Enfold. You’re going to need to use custom CSS.

Is it possible to set a bold font into a MENU?

Please go to Enfold theme options > Advanced Styling, edit the Menu Links in overlay/slide out, and set the Font Weight to Bold ( https://i.imgur.com/a4NwjJb.png ).

Best regards,
Yigit

Hey zeustrucker,
Try using a grid row element with the text and button on the left and table image on the right, you can even use 1/3 + 2/3 instead of 50/50 when you set the cell size:

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, I couldn’t find the above css on your site, but I believe the reason it doesn’t work is because the css is for the social share buttons and not the custom [social-bookmarks] shortcode that you are using. Nonetheless try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

/* Icon style */
.widget .social_bookmarks li a {
  width: 30px!important;
   height: 30px!important;
   line-height: 24px !important;
   border-radius: 30px!important; 
   padding: 3px 0 !important;
   background: #fff !important;
}
/* Icon color */
.widget .social_bookmarks li a:before {
  color: #00737A;
  transition: all .5s ease;
}
/* Icon color on hover */
.widget .social_bookmarks li a:hover:before {
  color: #000;
  transition: all .35s ease;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
For your special heading subheadline, when you choose a special heading with a Subheading you will see a option in the font tab to set the font size, there is not a site wide font size for each specific element, but you could create a CET – Custom Element Templates and then use your element on your site. You can also do this for your buttons, or since your buttons are set to use the theme color you can change the color in your styling, but this will also effect other elements, so it would probably be better to create a “read more” CET button instead.
Hopefully this answers your two new questions, but please note that we ask that each thread stays on a specific topic, this helps other users find solutions based on the opening subject line quicker, and makes it easier for Mods to help. For further questions please open a new thread
Please let us know if your original question has been answered and we can close this thread, thanks for your understanding.

Best regards,
Mike

Hi,
Thank you for your patience and the password to your site but I don’t see a user name, please include.
I see the [avia_search] shortcode in your topbar, it looks like you have not added the code to the end of your child theme functions.php file in Appearance ▸ Editor: add_shortcode('avia_search', 'get_search_form'); or if you did the symbols may be converted, please ensure to copy the code from the forum and not an email notification so the symbols are not converted. You said that you are using SearchWP, did you add the code for it to be the search for your site? And doesn’t it have it’s own shortcode, this page explains how to adjust the SearchWP shortcode for the options you want, you should end up with something like this: [searchwp_search_form engine="default" var="searchvar" button_text="Find Results"] (this code may not work on your site, follow the instructions)
Your asking for a Amazon search bar, have you thought about adding a larger one like in our Knowledge Base Demo below your menu? We have a search bar element:

that will allow you to adjust the style better it you want a big search bar like on Amazon.

Best regards,
Mike

Hey ijnavas,
If you are placing each team member element in a column then you could add a button under it, otherwise you could install our Special Character Translation plugin, please see our documentation: Using special characters to allow shortcode in the Team Member Description and the use the shortcode wand to create a button and add it ensuring to replace the brackets in the shortcode with ###91### and ###93###

Best regards,
Mike

Hi,
The shop cart button is a woocommerce menu item, you want it removed from the menu and float at the bottom right of the screen?
I don’t see a way to do that, please try using a plugin like these:
Floating Cart for WooCommerce
XT Floating Cart for WooCommerce
Perhaps there are other options in the WordPress Plugin library, you may need to try them to see if they work with Enfold.

Best regards,
Mike