Hi,
The slider doesn’t have the option to change the ID it only has the option to change the class, but if you really want to change it, then add the custom class “custom-slider” to it, and then add this code to the end of your functions.php file in Appearance > Editor:

function add_custom_id(){
?>
<script>
jQuery(window).load(function(){
jQuery('#fullscreen_slider_1.custom-slider').attr('id','experience');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_id');

in the code above change the ID “experience” to what you want the ID to be.
It looks like your shop button is behind the slider because of z-index, and this should help, but as your going to be changing the ID of the slider this will need to be updated:

.shopbutton {
    position: relative !important; 
    z-index: 999 !important; 
}
#fullscreen-slider_1.avia-fullscreen-slider {
    position: relative !important; 
    z-index: 1 !important; 
}

For backing up your site I recommend using the Full Backup tools that your webhost provides, most plugins fail when you try to restore to a site that has crashed, and that is when you need it the most.

For the logo options, basically there are two logos one before scroll and one after scroll that is basically how it works.

Best regards,
Mike

Hi,
Sorry for the late reply, it looks like you have found a way to make your mobile header sticky, but when you say you wish for your social icons to disappear on scroll, do you want the whole bar that the social icons are in to disappear with the phone number, or just the icons?
This code will make the whole top bar disappear on scroll, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function ($) { 
  $(window).scroll(function() {    
      var scroll = $(window).scrollTop();
      if (scroll >= 100) {
          $("#header_meta").css({ 'display': 'none'});
      } else {
         $("#header_meta").css({ 'display': 'block'});
      }
  });
  })(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Sorry I don’t have any insight to that.

Best regards,
Mike

Hi,
This should, unless you change the elements on the page.
If you do we will be happy to assist again.

Best regards,
Mike

Hi,
Sorry I didn’t write any css to change the color of the logo, I used two different logo images in the two logo places that I described above.
For an ID to the slider, the slider already has an ID #fullscreen_slider_1 Please try the link in the Private Content area, just use this ID

Best regards,
Mike

Hi,
I believe you are saying that you tried adding it and now it is working.
That’s great. This thread is getting quite long now, perhaps we should close it now and if you have any other issues you can open a new thread?

Best regards,
Mike

Hi,

@ycinformatik that is good news that it is now working with posts, and it should work with pages, but could you please check and report back? I would like to report that both are now working to the dev team with your confirmation, so they can add it to the upgrade, Thanks :)

Best regards,
Mike

Hey keribird,
Sorry for the late reply, I took a look at your page and I see there is two forms on it, but I really don’t know this plugin or why this is happening. If I understand correctly when you change the page template this doesn’t happen?
When I try to open the page in the editor from the from end I get the error message:
“You attempted to edit an item that doesn’t exist. Perhaps it was deleted?”
But it open fine from the back end and only shows a tribe shortcode.
I also took a look at the padding around the form elements and the page, but it is coming from the plugin and not the theme.
I did come up with a way to hide the second form with this css, please give it a try in your Quick CSS:

#top.page-tribe-attendee-registration div.tribe-block__tickets__registration__event:nth-child(even) {
display: none !important;
}

Best regards,
Mike

Hi,
Glad to hear you got it sorted out, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad to hear all is going well and your using Enfold for more projects, thanks.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function move_widget_over_shop(){
  ?>
  <script>
(function($){
$(document).ready(function(){
if ($(window).width() <= 766) {
$('.archive.woocommerce-page .smartphones_sidebar_active').each(function() {
$( this ).find('#woof_widget-2').insertBefore('.template-shop.content');
$('.template-shop.content').css({'padding': '0px'});
$('#woof_widget-2').css({'padding': '0px'});
$('.widget-woof').css({'padding-bottom': '0px'});
});
}
else {
}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'move_widget_over_shop');

This will move the widget for mobile only, if testing the page in Chrome dev tools, please reload it in mobile view, it may not work if you try resizing the page by grabing the edge of the window and shrinking down.

Best regards,
Mike

Hi,
Glad to hear, to use it for the “Brennerei-Auswahl” menu, please replace “#menu-item-3477” with “#menu-item-19330” in the css.

Best regards,
Mike

Hi,
Thank you for your feedback, I will take it to heart.

Best regards,
Mike

Hi,
Thanks for the login, in the css below, feel free to adjust the font sizes and colors to suit. We can’t make the sidebar tabs stretch to the bottom, but this css removes the bottom padding so it reaches to the bottom.

#top.page-id-2438 .main_color .tabcontainer .tab {
    color: #fff !important;
    font-size: 20px;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#top.page-id-2438 .main_color .tabcontainer .tab.active_tab {
    color: #000 !important;
    background-color: #b2b7bb !important;
    border-color: #b2b7bb !important;
}
#av-layout-grid-1 > div.flex_cell.no_margin.av_two_third.avia-builder-el-1.el_before_av_cell_one_third.avia-builder-el-first {
padding-bottom: 0px !important;
}

Best regards,
Mike

Hi,
Glad to hear that @Guenni007 was able to help.
Shall we close this then?

Best regards,
Mike

Hey Lauren,
Sorry for the late reply, I took a look at your site and the email icons and the email addresses, all of which are working for me.
I use the chrome browser and gmail as my email client, when I click them gmail opens for me and I get no error when sending.
Please see the screenshot in Private Content area.
Also when I hover over the icons my browser show the link address and it is correct, without any extra @email.com
What email client are you using that is trying to send to the wrong address?
There must be a setting in it for it to recognize the mailto: correctly
have you tried using different browsers to click the link?

Best regards,
Mike