Hi,
Thanks for the login, this is odd, the sidebar is not created on the archive page, I see that you are using v4.7.2, perhaps this was an error in it, please try updating to v4.7.4

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hey Andrea,
Sorry for the late reply, as I understand your question, you would like the layerslider to be full visual height on mobile as it is on desktop. For the layerslider responsive means that the slider is scaled down to show the full slider on mobile, that is why it is a box across the top of your page instead of a full screen on mobile.
The best solution for this is to have two sliders, one for mobile portrait screens and one for desktop landscape screens. For the mobile slider try the canvas size 425px by 500px it seems to work well.

You can set the desktop slider to hide on mobile in the layerslider slider settings:

and you can set the mobile slider to hide at over 990px like this:

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link, I understand you are now using the Q2W3 plugin and not the css:

aside.sidebar.sidebar_right.alpha.units{
    position: fixed!important;
    width: 400px!important;
    right: 100px!important;
    top: 100px!important;
}

Correct? The Q2W3 documentation shows how to disable on mobile
For screens below 767px you will want the fixed widget disabled and for screen sizes 768px to 1024px you will want to use

    top: 100px;
    width: 250px;

for it to show well. Does the plugin let you set this?

Best regards,
Mike

Hey MediaMix1,
Sorry for the late reply and thanks for the link, in my install the only apple icon I have has the bite in it, but with this css you can add it as your default icon:

span.iconfont:before {
  content: "\e920"; 
  font-family: entypo-fontello;
  color: #fff;
  position: relative;
}

You can follow these steps to find and add a different apple icon if you want.

Best regards,
Mike

Hey Miki,
Sorry for the late reply and thanks for the screenshot and link, 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: 1400px) { 
.responsive .container {
    max-width: 99% !important; 
}
}

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

Best regards,
Mike

Hey opvab,
Sorry for the late reply, unfortunately, there is not a way to add the secondary menu to the same line as the burger menu, but the social icons are already showing there.

Best regards,
Mike

Hi,
Sorry for the late reply, thanks for the video and login, for the first issue I found that a !important; was causing the builder to show on each tab. The file is at: /wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/css/avia-builder.css starting on line 24 find:

#avia_builder{
float:left;
width:100%;
display: block !important;
}

change to:

#avia_builder{
float:left;
width:100%;
display: block;
}

I did this for you but you will have to clear your browser cache.
For your second issue I added the css from @jacqueschoquette, thanks :)

.avia-modal.modal-preview-active.modal-preview-large {
left: 160px !important;
right: 0 !important;
}

It is also now working, please check.

Best regards,
Mike

Hi,
Sorry, I don’t seem to get the same results, I add an item to the cart, then click the green button to see the cart and the item is there. I can also click the “view cart” from the cart icon drop down.
Please see the screenshots in Private Content area.

Best regards,
Mike

Hi,
What do you mean by “fix the height for mobile screens too” for mobile the script works correctly, it finds the tallest inner content and then sets all of the sliders to the same height. The problem I see is that one of your testimonials is very long so all of them will be. I recommend making the testimonials shorter or having a second testimonial for mobile only with all short comments.
You can also try this css that removes the padding for mobile and reduces the font size.

@media only screen and (max-width: 767px) { 
	.avia-testimonial {
		padding: 0px !important;
	}
	#top .av-large-testimonial-slider .avia-testimonial-content {
    font-size: 1em !important;
}
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image {
    margin: auto !important;
}
}

Best regards,
Mike

Hi,
Sorry for the late reply, you can add the sub-menu to pages as a function with a shortcode, for example, this function will add a sub-menu to your archive pages.
Try adding this code to the end of your functions.php file in Appearance > Editor:

add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if(is_archive()) {
		echo do_shortcode("[av_submenu which_menu='center' menu='25' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [av_submenu_item title='Menu Item 3']
[/av_submenu]");
	}
}

note the shortcode after the line echo do_shortcode(" that is were to add your shortcode, to get this shortcode Enable the Avia Layout Builder Debugger and copy the shortcode from the debugger

Best regards,
Mike

Hey Sal,
Sorry for the late reply and thanks for the screenshots and link. With this css the last three columns will become one column:

#menu-item-15779 {
	display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
}
#menu-item-15770 {
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}
#menu-item-16022 {
	display: flex;
	flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

in your last screenshot there is another column “apple watch” are you adding more columns? If so please do so and then we can adjust the css again if needed.

Best regards,
Mike

Hey wzshop,
Sorry for the late reply, we don’t have a hook outside of the footer widgets area and outside the footer menu area like this:

But you can use the function above and this script to move the element there, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(window).load(function(){
  $( '#footer' ).each(function() {
  $( this ).find( '#custom_html-2' ).insertAfter( $(this));
  });
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

note that my test site gave the custom widget area the ID #custom_html-2 yours may be different, adjust to match your ID.

Best regards,
Mike

Hey B,
Sorry for the late reply, the sprite used for the numbers only contains 01-05
/wp-content/themes/enfold-child/images/slider-navigation-links-sprite.svg
since this is in your child theme I assume that you added this, please adjust to contain 06 & 07

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike