Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 27, 2017 at 7:17 pm #739530
    condonpb

    Please see peter-test3.co.uk what I want to achieve is to have a larger logo that say “Grange Farm Soft Fruit” when showing normally on the blue background then when you scroll down for the logo to show as is on the white header. So in effect two different sized logos one larger for the normal blue and a smaller one when scrolling down to be in the header. Hope this make sense.

    Many thanks

    Pete

    February 1, 2017 at 7:18 am #741028
    Ismael

    Hey condonpb!

    Thank you for using Enfold.

    Please add this in the functions.php file:

    // change logo
function ava_custom_script() {
?>
	<script type="text/javascript">
	(function($) {
		function a() {
			$('#header').find('.logo img').attr('src', 'LARGER LOGO URL');
			$('#header:not(".av_header_transparency")').find('.logo img').attr('src', 'SMALLER LOGO URL');
		}

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

    Adjust the “LARGER LOGO URL” and the “SMALLER LOGO URL”.

    Best regards,
    Ismael

    February 1, 2017 at 8:23 pm #741428
    condonpb

    Ismael,
    If you goto site http://www.peter-test3.co.uk. I have now got two logos working the Normal header uses .png3 (717px x 275px) and transparent uses .png2 (417px x 160px) these two show the logo exactly same size because of the header height is set for the same on both. What I want is for the normal (blue) header to show as much larger without altering the header height (as menus will move). Then when scroll down shows as the png2

    Can you please help as I think we are nearly there

    Pete

    February 6, 2017 at 8:20 pm #743554
    Andy

    Hi,

    I checked the website you’ve provided, but cannot find any two logos. Could you send us some screenshots and maybe even a mockup showing what you mean? use imgur.com or dropbox.

    Best regards,
    Andy

    February 6, 2017 at 9:12 pm #743610
    condonpb

    Thanks Andy,

    I have two images the Blue and White. What I want to get is the blue logo bigger if possible much ensure it retains responsive characteristics. The white logo is fine as is.

    Hope this helps. Have put the code from Ismael’s response in the functions.php file

    February 8, 2017 at 9:24 pm #744507
    Andy

    Hi,

    what you can do is go to Enfold->Header->Header behavior->Shrinking Header
    and activate this option. Then it should shrink as soon as you’re scrolling.

    Best regards,
    Andy

    February 9, 2017 at 2:22 pm #744816
    condonpb

    I am trying to get the logo larger on the default page I am aware about the shrinking header.

    What want is for initial header to be larger,

    Hope you undersatnd please see iamges I sent

    February 10, 2017 at 5:19 pm #745506
    Andy

    Hi,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Andy

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