Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 28, 2016 at 6:27 am #654059
    Raleigh

    I just wanted to report/check and see if there is a solution to an issue with hellobar and the sub-menus that use the sticky settings.

    You can see if you visit this page: http://bit.ly/28Zh6vg the sticky sub-menu is covered up by the header because of the hellobar.

    Thanks any help much appreciated.

    June 30, 2016 at 2:41 pm #655277
    Yigit

    Hey Raleigh,

    Please go to Enfold theme options > Header > Header Behaviour and uncheck “Unstick topbar”

    Best regards,
    Yigit

    June 30, 2016 at 4:59 pm #655383
    Raleigh

    Yigit – Thanks so much for looking into this. That box was actually already unchecked. I tested it toggled either way with no luck the full-width sub menu still hides behind the header.

    Thanks -Raleigh

    June 30, 2016 at 5:11 pm #655387
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .header-scrolled #header_meta {
    display: block!important;
}

    Best regards,
    Yigit

    June 30, 2016 at 5:34 pm #655394
    Raleigh

    Hey thanks again for looking further and providing the code. I tested it and it resulted in our top bar staying fixed instead of collapsing on scroll as we want it. The hello bar still causes the fullwidth sub-menu to hide behind the header though on the homepage.

    Credentials provided below if you wish to test on your own Yigit. Thanks.

    July 4, 2016 at 4:12 am #656372
    Ismael

    Hi,

    Thank you for the info. Please try this in the Quick CSS field:

    #hellobar-pusher {
    margin-top: -50px;
    margin-bottom: 20px;
}

    And this code in the functions.php file:

    // custom script
function add_custom_script(){
?>
<script>
(function($){
	function g() {
		var scrolled = $('.header-scrolled').length;
		if( scrolled == 1 ) {
			$('#hellobar-pusher').css('display', 'none');
		} else {
			$('#hellobar-pusher').css('display', 'block');
		}
	}

	$(window).scroll(function() {
		g();
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Best regards,
    Ismael

    July 6, 2016 at 6:46 pm #657662
    Raleigh

    Thanks, I was not able to test this yet but will absolutely reach out once I do and let you know if it works. Thanks again! -Raleigh

    July 7, 2016 at 12:29 pm #657946
    Rikard

    Hi,

    Great, we’ll keep the thread open in case you should have any further problems or questions.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.