Hey webWahine,
Sorry for the very late reply and thanks for the login, the class header-scrolled is only added with some header setups, in your case the class av_header_transparency is removed on scroll, so I changed your css to this:

.page-id-11 #header.av_header_transparency .logo,
.page-id-44 #header.av_header_transparency .logo {
    display: none!important;
}

.page-id-11 #header:not(.av_header_transparency) .logo,
.page-id-44 #header:not(.av_header_transparency) .logo {
    display: block!important;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this helped, for your white space try this css:

#top.archive #after_full_slider_1 > div > div {
	padding-bottom: 0 !important;
}

For adding your widget section above your product grid on archive pages, we could try to inject the element shortcode in the functions.php like this example:

  add_action('ava_after_main_container', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if(is_woocommerce()) {
		echo do_shortcode("[av_sidebar widget_area='Shop Overview Page']");
	}
}

If you include your admin login in the Private Content area we could try to customize this for you.

Best regards,
Mike

Hey webWahine,
Sorry for the very late reply, thanks for sharing your css but a link can not be added through css, I believe the link you are referring to is the burger menu hash link to open the menu, and not an additional link next to the menu.
This script is an example that would create a link next to the burger menu

function custom_script() { ?>
    <script>
    (function($){
  $(document).ready(function(){
$('.av-burger-menu-main').append('<a href="/register/" class="register-link">Register</a>');
$('a.register-link').css({ 'padding-left': '10px','font-size':'16px','display':'inline'})
$('.av-burger-menu-main a').css({'display':'inline'})
});
})(jQuery);

    </script>
    <?php
}
add_action('wp_footer', 'custom_script');

Try adding this code to the end of your functions.php file in Appearance > Editor and adjust the link to suit.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the links, video, and login.
I was able to copy the test page shortcode to my localhost and I found that your shortcode is missing the image attachment ID:

This information is required, it looks like your WP All Import is missing it somehow. In my tests I found that the color section retained the URL to the image in the shortcode, but there is no attachment ID for the image, and this is what WordPress is looking for. Yet because this image doesn’t exist on my server, there is no correct attachment ID to use, thus the image won’t show.
If I then open the color section and click on the image thumbnail and upload that image to my localhost the shortcode is updated with the correct attachment ID and the image shows.

So I don’t know if your WP All Import is missing the attachment ID, or if during the import the actual attachment ID for the newly imported image is different and the error results in the ID being removed, or if your not importing the images and are relying on the URL to include the image, which would not work because you will also need the correct attachment ID.

Best regards,
Mike

Hey rixi,
Sorry for the very late reply and thanks for the links. It seems that your sidebar is showing now, have you already sorted this out?

Best regards,
Mike

Hey bewelltended,
Sorry for the very late reply and thanks for the links, please add the following filter in your child theme functions.php to display the categories on a grid layout:

  add_filter('avf_postslider_show_catergories', 'avf_postslider_show_catergories_mod', 10, 1);
  function avf_postslider_show_catergories_mod($category) {
	   $category = 'show_business'; // or show_elegant
	  return $category;
  }

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

Hi,
Glad to hear that the dev team patch is working, I will let them know. Thanks again for your patience.
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thank you, currently you still have this css activated:

.av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-caption-image-overlay-bg {
    opacity: 0 !important;
}

this is what is removing the background color from the element on hover, with opacity. As I understand your goal, you would like a different overlay on hover, so please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#leistungen .av-overlay-hover-deactivate.bild-buttons .avia-image-overlay-wrap:hover a:after {
	position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(-145deg, rgba(114, 181, 46, 0.45) 0%,rgba(33, 150, 235, 0.45) 100%);
}

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

Best regards,
Mike

Hi,
Glad to hear that this workaround will suit your needs for now so that you can move forward on your project, I understand that it may be annoying, but unfortunately, we were not able to reproduce this so it is hard to say what is causing this.
We are expecting a theme update around the end of January, perhaps this will help solve or point to the error. We will leave this open for your feedback after the update.

Best regards,
Mike

Hi,
I checked your sandbox site again but the mega menu is not enabled so we can examine. I was expecting to see this: https://snipboard.io/3Ho8Os.jpg
so we can change the color of the “woodworking” & “metalworking” headings, correct?

Best regards,
Mike

Hi,
Thank you for the feedback and for the test page, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#leistungen .av-overlay-hover-deactivate.bild-buttons .avia-image-overlay-wrap:hover .av-image-caption-overlay-center {
    background: unset !important;
    opacity: 1 !important;
}
#leistungen .av-overlay-hover-deactivate.bild-buttons .avia-image-overlay-wrap:hover:after {
	position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(to bottom, rgba(114, 181, 46, 0.65) 0%,rgba(114, 181, 46, 0.65) 100%);
}

After applying the css, please clear your browser cache and check.
If this doesn’t help please remove your current custom css for this element so I can try something different.

Best regards,
Mike

Hi,
Glad to hear this helped and you are happy, your css is sound, but you could use (orientation: landscape) or (orientation: portrait) like this:

@media only screen and (max-width: 767px) and (orientation: landscape) {
.responsive #top #wrap_all #projekte .grid-entry.flex_column {
width: 103% !important;
}
}

this would allow you to be more specific.

Best regards,
Mike

Hi,
Please try setting the color at: Enfold Theme Options > Advanced Styling > Main Menu Links, while it is not specific to the Mega Menu, it may help. If not then please set the menu on your live or sandbox site to match your Mega Menu screenshot so we can examine it.

Best regards,
Mike

Hi,
Sorry for the very late reply and thanks for the links. The first step is to download the font from Google Fonts and upload to your Enfold Theme Options > Import/Export > Custom Font Manager option.


Then go to Enfold Theme Options > Advanced Styling and choose Slideshow titles and choose your font:

Then clear your browser cache and check, the font should be applied:

Best regards,
Mike