Hiding logo on home page

Support
#1

hi there, i found a dialogue that provided code to hide the logo but to have it reappear once someone scrolls - only on the home page.

I want to hide the (top left) logo completely on the home page and have it as normal on all others. can you tell provide the edited code to accomplish this please?

This was the code provided;

Thank you for reaching out to us. You can do this with custom scripting, first edit your home page in Cornerstone and then add the following code in the JS section the page (see screenshot)

jQuery(document).ready(function($){
$(’.home .x-brand’).hide();
var scroll_height = $(‘header.masthead’).outerHeight();
$(window).scroll(function(){
if ($(this).scrollTop() > scroll_height) {
$(’.home .x-brand’).show();
}
else {
$(’.home .x-brand’).hide();
}
});
});

#2

Hi Jamie,

Thanks for writing in! The following CSS rule should help you to hide your logo on homepage only. Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

.home .x-brand.img {
    display: none !important;
}

If you’re still having issues, please provide us with an example page URL to check your issue.

Thanks!

#3

That worked yes! …but please check out the page and now you see an phantom image over in that area - can’t see where that is coming from http://vetjobs.org/

Appreciate any thoughts / insight - thanks!

#4

Hey Jamie,

I have checked the inspector and it seems to be coming from the image element in one of the sections of the page.

Try checking your page content and delete the unused image element from there.

Hope this helps.

#5

ok i see that in the code. when i’m in cornerstone I hover all over that frame and no element is popping up. obviously it is there.

how else can i get at that element to remove it?

I also see there is a counter element that is floating in that top section as well. I only see it when flipping between the various screen sizes but again can not see it when hovering over the elements - it does not pop up.

Is there a way to see all elements in a section? Seems they are layered and i am not able to hover over them appropriately to remove them.

#6

Hello Jamie,

Thanks for writing in!

I suggest you use the Skeleton Mode feature. Skeleton Mode is an alternate editing interface. It’s like viewing the same page with focus on architecture and page layout. Please take a look at Skeleton Mode and that should also answer your other questions.

Thanks.

#7

yes, you are the man! …what a cool feature - that made it extremely easy to see the layout and find that element :slight_smile: kudos on that design

#8

You’re most welcome, Jamie.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.