VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
VISIT OUR CHANNEL ON YOUTUBE
Hi,Edit settings
New Forum Posts0
Private Messages
Account details

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Show More
Welcome, Guest
Username Password: Remember me
Forgot your password? Forgot your username? Register for free
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: How to hide the logo

How to hide the logo 24 Feb 2015 16:50 #6292

On a website I want to hide the logo on all but the front page.

Is there an easy way to do this or is it not possible at all?

If you see the page (www.schaaf-boats.nl/sites/25sdc/ you will see the logo (the sailing boat) above all pages, prefferably I would like the logo to disappear when scrolled down but if that's impossible it's also ok if the logo doesn't show on all other pages than the frontpage.

Does anyone know if this is possible?

With kind regards,
Marchel.
Reply Quote

  • Posts:12
  • V-IT-C
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: How to hide the logo 25 Feb 2015 02:48 #6296

In template.css file, line 282 insert:
 
#jf-header h1#logo {
display: none;
}
.home #jf-header h1#logo {
display: block;
}
 

In templates/jf_calla-exteriors/scripts/js/callaexteriors.js file, change
 
if (jQuery(window).width() > 765) {
	if (jQuery(window).scrollTop() > 55){
		jQuery('#jf-header').addClass('transparent');
	} else {
		jQuery('#jf-header').removeClass('transparent');
	}
}
 

to
 
if (jQuery(window).width() > 765) {
	if (jQuery(window).scrollTop() > 55){
		jQuery('.home #logo').hide();
		jQuery('#jf-header').addClass('transparent');
	} else {
		jQuery('.home #logo').show();
		jQuery('#jf-header').removeClass('transparent');
	}
}
 


Thank you for using our template!

joomfreak
Last Edit: 25 Feb 2015 02:49 by isupport.
Reply Quote

  • Posts:2940
  • isupport
  • Moderator
  • OFFLINE
  • Karma: 0

Re: How to hide the logo 25 Feb 2015 10:13 #6299

Hello!

Thanks for your reply, it's nearly what I wanted.
With your solution the image I use on the front page disappears, I wanted the logo (the drawing of the sailing boat) to disappear.

Thanks in advance!
Marchel.
Reply Quote

  • Posts:12
  • V-IT-C
  • Fresh Boarder
  • OFFLINE
  • Karma: 0
Reply Topic
New Topic
  • Page:
  • 1
joomfreak.com Support Forum
Categories
Joomla Templates
JF Calla Exteriors
Time to create page: 0.55 seconds
Thursday 25 April 2024

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.