Hi,
Thanks for the screenshots and login, to move your added button next to the slider buttons, on the home page, try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( '#top.home #fullscreen_slider_1' ).each(function() {
$( this ).find( '.avia-caption-content p a.avia-slideshow-button' ).css("margin-left","20px").insertAfter( $(this).find('a.avia-slideshow-button-2') );
$( this ).find( '.avia-caption-content p:last-child' ).remove();
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
To target “RECEIVE INSTANT EMAIL NOTIFICATIONS” only, try this css:

#blog_subscription-4 > h3.widgettitle {
	    font-size: 16px;
}

To target all of the widget titles in the sidebar, try this css:

.sidebar1 .cufon_headings {
	    font-size: 16px;
}

You can use any font adjustment in the rule, I used “font-size” as an example.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, since the header is sticky for mobile we will need to add padding to the top of the page to show the slider.
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: 374px){
.responsive #top #main {
    padding-top: 45% !important;
}
}
@media only screen and (max-width: 430px) and (min-width: 375px){
.responsive #top #main {
    padding-top: 34% !important;
}
}
@media only screen and (max-width: 767px) and (min-width: 431px){
.responsive #top #main {
    padding-top: 22% !important;
}
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 16% !important;
}
}

Please note that there is not one percentage we can use to make a fluid transition across all possible screen sizes, such as if you test by resizing your browser window, but if you test actual device sizes such as 320px, 425px & 768px with the developer tools you should find that this works well.

Best regards,
Mike

Hi,
Thanks, the ftp worked, the wp login didn’t, but I still added the script above for the quiz and tested the test quiz and it seems to be working.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try this css:

#custom_html-3 #aswift_3 {
	left: -60px !important;
}

Feel free to adjust to suit.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.sidebar1 > #custom_html-3 {
	background: #F8F8F8 !important;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) !important;
}

Best regards,
Mike

Hi,
Glad to hear this helped, for the account area, the dropdown does toggle and link for my Android phone, it has a screen resolution of 360×640 but I notice that the link in the button is narrow, so this css will make it bigger and perhaps you will be able to toggle the button with your iPhone.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#menu-item-350 > a {
	height: 40px;
}
#menu-item-350 {
	padding-bottom: 0px !important;
}

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

I took another look at your post above before submitting my reply and perhaps you meant that the menu is not closing for you, but opening fine. In that case,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_menu_toggle(){
  ?>
  <script>
(function($){
	var width = $(window).width()
  $(document).ready(function() {
  	if ((width <= 768)) {
      $("#menu-item-350").click(function() {
          $("ul.av-visible-mobile-sublist").toggle();
      });
  	} else {}
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_menu_toggle');

Best regards,
Mike

Hey 40eleven,
Sorry for the late reply, as I understand you would like your “Tickets” registration section in the event meta sidebar.
The following script will do this, but the sidebar is too narrow for the element, so one way to increase the sidebar width is to increase the page max-width, this css will do this only on single event pages.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 990px) { 
.responsive #top.tribe_events-template-default.single-tribe_events .container {
    max-width: 95% !important;
}
}

Then add this code to the end of your functions.php file in Appearance > Editor:

function custom_event_page_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$('.tribe_events.type-tribe_events').each(function() {
$(this).find('#tribe-tickets').insertAfter( $(this).find('.tribe-events-event-meta.secondary') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_event_page_script');

The ticket element may look low in the sidebar but that is because the map element is taking space, but it seems unused, if you are not going to use the maps I can move the ticket element up, or even put it at the top of your sidebar.
After adding these please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, I researched your error /wp-content/plugins/woocommerce/packages/woocommerce-admin/src/Loader.php and found this woocommerce thread were the woocommerce support explains what it is and how to correct:

It sounds like there is a product remnant in your database that was not properly deleted. Search your database for butterbean and purge any entries.

and their final advice was:

Your errors are php notices only. They will not interrupt any functionality and should not display to begin with. You can hide them completely by adding this to your wp-config.php :

define( 'WP_DEBUG', false );
define( 'WP_DEBUG_DISPLAY', false );

I see that WP_DEBUG is enabled on your site, so you can try purging your database or disabling WP_DEBUG.

I also researched the Loader.php file and the errors are pointing to the woocommerce header being created and adding admin body classes, so this seems to point to something clashing with this. I see that you have many premium woocommerce plugins so I suspect one of these, have you tried disabling your plugins and clearing your cache one at a time to find the error?

Since this is a “notice” for admin users I would say it is safe to follow the woocommerce support recommendation and disable your WP_DEBUG

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,
We are happy 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,
Sorry for the late reply and thanks for the login, I took a look at your page and added this css in your WordPress > Customize > Additional CSS field:

@media only screen and (min-width: 1440px) { 
	#top.page-id-2524 #main > div.container_wrap_first.container_wrap > div {
		width: 73% !important;
		float: left !important;
        max-width: 1350px !important;
	}
	#top.page-id-2524 #main > div.container_wrap_first.container_wrap {
		width: 90% !important;        
		margin: auto !important;
	}
	#top.page-id-2524 #wrap_all #main .sidebar {
        width: 352px !important;
	}
	#top.page-id-2524 #main > div.container_wrap_first.container_wrap > div > main {
		 width: 100% !important;
	}
}

I also found that your inner page height didn’t match your content height so I added this script to your functions.php

function custom_script(){
  ?>
  <script>
(function($){
  $(window).load(function(){
      var s1 = $('#top.page-id-2524 #main > div.container_wrap_first.container_wrap > div ').height();
    var s2 = $('#top.page-id-2524 #main > div.container_wrap_first.container_wrap').height();

    if (s1 > s2)
        $('#top.page-id-2524 #main > div.container_wrap_first.container_wrap').css('height', s1 + "px");
    else
        $('#top.page-id-2524 #main > div.container_wrap_first.container_wrap > div').css('height', s2 + "px");
  });
  })(jQuery);
  </script>
<?php
}
add_action('wp_footer', 'custom_script');

please clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, please excuse me while I try to catch up on your thread, I believe I have found the correct page, linked in the Private Content area, I see that this:

 #top .sticky_placeholder {
    display: none;
  }

is hiding the yellow line but I believe what you should use is this css to remove the white space above the yellow line on mobile.

@media only screen and (max-width: 987px) { 
	#top.page-id-291 .sticky_placeholder {
		height: 0 !important;
	}
}

Please note that this is for the one page only, for now.
I also see that you have two sub-menus, one with a button menu, the other with a menu, so to have the first sub-menu sticky I enabled the “Sticky Submenu” option and now it is sticky at the top until you scroll, which the second sticky menu rolls over it and sticks to the top. This is the correct behavior, one sub-menu sticks to the top until the next one is scrolled to the top, please see this demo page for reference.
Please note that for testing this I disabled the “admin toolbar” in the user profile (kstm), because the toolbar covers some of the sticky sub-menu and your visitors do not see the admin toolbar.
Please see the animated gif in the Private Content area.
So I assume that this is still not quite the way you want it, please explain how you would like this to be.

Best regards,
Mike

Hi,
Glad it helps, on your other pages the pagination looks like this:

and on the page we are working on I see this:

Where do you see “1 of 5”, “2 of 5”, “3 of 5” ?
In the script above for the pagination links you can change the number “2” to “2 of 5”, for example, like this:

function custom_pagination(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
	var url = document.URL;
	var theURL = url.split("page")[0];
  	$new_pagination = '<nav class="pagination"><a href="'+theURL+'" class="p1">1 of 5</a><a href="'+theURL+'page/2/" class="p2">2 of 5</a><a href="'+theURL+'page/3/" class="p3">3 of 5</a><a href="'+theURL+'page/4/" class="p4">4 of 5</a><a href="'+theURL+'page/5/" class="p5">5 of 5</a></nav>'
if ($("body").is('.page-id-5480')){
	$( "nav.pagination" ).replaceWith( $new_pagination );
} else {}
$('#top:not(.paged-2):not(.paged-3):not(.paged-4):not(.paged-5) .pagination .p1').addClass('current');
$('#top.paged-2 .pagination .p2').addClass('current');
$('#top.paged-3 .pagination .p3').addClass('current');
$('#top.paged-4 .pagination .p4').addClass('current');
$('#top.paged-5 .pagination .p5').addClass('current');
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_pagination');

But this will change the size of your pagination, and not match the rest of your site.
Am I understanding correctly?

Best regards,
Mike

Hi,
Please include an admin login in the Private Content area so we can take a look, or export your slider and upload to DropBox so we can check.

Best regards,
Mike