Different font – full-width slider element

Hi,
You can have the Logo and Main Menu set as a sidebar in the theme options:

Here is an example of a demo with this option.
To have a similar “expanding” menu, on this demo, on hover, this css could be used:

.av-main-nav ul {
    position: relative !important;
}
.html_header_left .av-main-nav ul {
    left: unset !important;
}
.av-main-nav li ul.sub-menu li {
    display: none;
}
.av-main-nav li:hover ul.sub-menu li {
    display: block;
}
.av-main-nav ul li a {
    border-style: none !important;
    border-width: 0 !important;
}

I believe you could have a much more similar menu to the example site with some more time, css, and some jQuery, but I think it would be more involved than our scope of support here.
Perhaps a alternative would be to look for a plugin.
Another possible solution for a expanding sidebar menu would be to use the “navigation menu” widget and select a menu, the default way this widget displays a menu is as a list:

and with this script added this code to the end of the functions.php file in Appearance > Editor:

function custom_widget_menu_dropdown(){
  ?>
  <script>
(function($){
   $(document).ready(function(){ 
   		$('#nav_menu-3 #menu-main-menu > li.menu-item-has-children').find('ul').hide();
        $('#nav_menu-3 #menu-main-menu > li.menu-item-has-children').mouseenter(function () {  
            $('#nav_menu-3 #menu-main-menu > li.menu-item-has-children').not(this).find('ul').hide();  
            $(this).find('ul').toggle();  
        });  
     });  
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_widget_menu_dropdown');

please note the nav_menu-3 in the code above may need adjusting, but the result is a collapsed menu that will expand on hover:

Just a thought.

Best regards,
Mike

Hi,
I adjusted the shortcode based on the Enfold Knowledgebase demo example:

[avia_sc_search placeholder='How can we help you today?' label_text='SEARCH SITE' icon_display='input' icon='ue803' font='entypo-fontello' post_types='' display='ajax' ajax_location='form_absolute' ajax_container='#my_container' numberposts='5' results_hide_titles='aviaTBresults_hide_titles' results_hide_meta='aviaTBresults_hide_meta' custom_input_size='' custom_button_size='' custom_height='68' radius='100px' radius_sync='true' border_width='12' results_padding='50px' results_padding_sync='true' results_margin='20px,0,0,0' border_color='custom' custom_border_color='rgba(255,255,255,0.64)' input_bg='custom' custom_input_bg='rgba(255,255,255,0.64)' button_bg='custom' custom_button_bg='#1ddab8' results_bg='custom' custom_results_bg='#ffffff' input_color='' custom_input_color='#1ddab8' button_color='' custom_button_color='' results_color='' custom_results_color='' av_uid='av-3jk7' custom_class='' admin_preview_bg='']

I’m posting this shortcode here for future reference, should someone wish to adjust it further.
To have a default look for the Ajax search, depending on any base demo that you might be using, with an ajax popup:

[avia_sc_search placeholder='Search...' label_text='' icon_display='button' icon='ue803' font='entypo-fontello' post_types='' display='ajax' ajax_location='form_absolute' ajax_container='#my_container' numberposts='5' results_hide_titles='aviaTBresults_hide_titles' results_hide_meta='aviaTBresults_hide_meta' border_width='1' radius='0px' radius_sync='true' results_padding='50px' results_padding_sync='true' results_margin='20px,0,0,0' results_bg='custom' custom_results_bg='#ffffff' results_color='' custom_results_color='' av_uid='av-2aeoak']

To have a default look for the Ajax search without an ajax popup:

[avia_sc_search placeholder='Search...' label_text='' icon_display='button' icon='ue803' font='entypo-fontello' post_types='' numberposts='5' results_hide_titles='aviaTBresults_hide_titles' results_hide_meta='aviaTBresults_hide_meta' border_width='1' radius='0px' radius_sync='true' results_padding='50px' results_padding_sync='true' results_margin='20px,0,0,0' results_bg='custom' custom_results_bg='#ffffff' results_color='' custom_results_color='' av_uid='av-25fx3w']

Or this seems to be the minimum shortcode for a default Ajax search without an ajax popup:

[avia_sc_search placeholder='Search...' label_text='' icon_display='button' icon='ue803' font='entypo-fontello' numberposts='5' radius='0px' radius_sync='true' av_uid='av-38vvxo']

If you wish, you can compare the above shortcodes and adjust the attributes to suit.

Best regards,
Mike

Hi,
Please note that the way “Related” works are they share the same “Tag”, so your single products must have a “Tag” and you will want to consider the Tags of your Products & your Related products.
There is not a “display by tag” setting the “Related Tags” works in the background, you need to add “Tags” here:

Best regards,
Mike

Hi,
Glad to hear the good news of your launches, thank you for the screenshots. We have covered a lot of ground in this thread, on many topics, and sometimes this gets confusing, even for me 🙂 I think that the word “related” might be an issue depending on the context within Woocommerce & Enfold, because it is different, so lets try a new explanation.

We want to have a single post that we can display 3 products in, and we want to show a specific group of products from a group that we will decide on. We will use a woocommerce shortcode to do this. We are not picking specific product IDs to show in the shortcode, we are going to pick a group that we create.

So to show 3 items in a row from a specific group that we decided to identify as savvy, and we decided to identify this group by adding the Tag savvy to the products.

So the shortcode is:
[products limit="3" columns="3" tag="savvy"]

and the result is:

Please give this a try 🙏

Please Note: in this example we are using a woocommerce shortcode in a Classic Editor single post, we are not using the Advanced Layout Builder elements. We are doing it this way because our previous conversations led me to believe that we (you, or any future readers), may want to show a single in-line product in the content, not just 3 at the bottom.
Also note that the woocommerce shortcodes have many Product Attributes for use to cull the products used that you may want to use.

Please Also Note: that I believe you will have better results if you use single word tags, or at least use dashes, this format doesn’t look promising:

Best regards,
Mike

Hi,
Glad to hear this helped you move your project forward. As I pointed out earlier this thread is very long now and is covering too many topics to make reasonable sense, lets close this thread, and if you have any future questions you can open a new thread and we will be happy to assist, agree?

Best regards,
Mike