Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How can I remove the site title on my homepage?


DigitalN
Go to solution Solved by Karl Guertin,

Question

  • Answers 19
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

@bmackey, in Pacific, if you're using your Site Title, you can use this in your Custom CSS: .homepage #siteTitle {display: none;} If you're using a logo, use this; .homepage #logoImage {displ

@vcampaner Visually or structurally? Visually. Here the title has been hidden but the space it took up is still in the flow. .header-title {   visibility : hidden;      }  

@vcampaner Structurally is probably not the best term but I couldn't think of a better one. I'm trying to explain some complex stuff without going into all the deeper stuff. When display : n

Posted Images

19 answers to this question

Recommended Posts

  • 0

Using the CSS editor:


.homepage #top { display: none; }

Also check through the style tweaks, your template author may have provided an option for the homepage to not display a title.

Edited by Karl Guertin

Frontend Dev @ Squarespace I work on the core javascript and in particular the editing system. If you type things in, you're using my code. My knowledge of the rest of the system varies. I don't set the roadmap and I can't talk about upcoming stuff. Answers aren't official, they're me helping out on my own time.

Link to post
  • 1

If you're going to do this consistently, take out the CSS and check the 'Options>Hide Page Title' tweak in the style editor. That will disable the title on all pages.

Frontend Dev @ Squarespace I work on the core javascript and in particular the editing system. If you type things in, you're using my code. My knowledge of the rest of the system varies. I don't set the roadmap and I can't talk about upcoming stuff. Answers aren't official, they're me helping out on my own time.

Link to post
  • 1

@vcampaner

Visually or structurally?

Visually. Here the title has been hidden but the space it took up is still in the flow.

.header-title {

  visibility : hidden;
  
  }

1762773888_ScreenShot2021-04-09at12_04_43PM.png.bdc58d2ee82392da99b726bd126aa881.png

 

Structurally. Here the title has been taken out of the flow.

.header-title {

  display : none;
  
  }

415396871_ScreenShot2021-04-09at12_10_23PM.png.ee78a276027a3f46f6345483f0617d0c.png

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post
  • 0

Hi Karl, can I ask how I am able to customize this for other pages? If I was to apply it to the "Who We Are" page, I was thinking all I would need to do is change the .homepage part to .whoweare but that appears to not be working.

Link to post
  • 0

If you're going to do it on a per-page basis, you'll have to use the page id. This is found in the id attribute on the page's body tag. In the case of your 'Who We Are' page it'd be "#collection-509c3dd7e4b0b5d93ca20b69 #top"

Frontend Dev @ Squarespace I work on the core javascript and in particular the editing system. If you type things in, you're using my code. My knowledge of the rest of the system varies. I don't set the roadmap and I can't talk about upcoming stuff. Answers aren't official, they're me helping out on my own time.

Link to post
  • 0

Hi guys,

I'm having the same problem but on the wells template. I've tried the css codes provided but it doesn't work...

Thanks,

ping @alexberen

JL

Edited by joakimlundin
Initial Revision
Link to post
  • 0
13 hours ago, creedon said:

@vcampaner

Visually or structurally?

Visually. Here the title has been hidden but the space it took up is still in the flow.


.header-title {

  visibility : hidden;
  
  }

1762773888_ScreenShot2021-04-09at12_04_43PM.png.bdc58d2ee82392da99b726bd126aa881.png

 

Structurally. Here the title has been taken out of the flow.


.header-title {

  display : none;
  
  }

415396871_ScreenShot2021-04-09at12_10_23PM.png.ee78a276027a3f46f6345483f0617d0c.png

Thank you this is really helpful !

If I remove it structurally is it going to change my google search ? 

Link to post
  • 0

@vcampaner

Structurally is probably not the best term but I couldn't think of a better one. I'm trying to explain some complex stuff without going into all the deeper stuff.

When display : none is used it takes the element out of the rendering flow but the element still remains available but now not visible. Since the element is still available it can be put back into the flow by changing display again.

I don't know if Google ignores elements that have display : none on them and if it does how it goes into Google ranking.

I doubt Google is going to get confused about which site and page it is indexing. The site and page title are still part of the header information for your site.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post
  • 0
16 hours ago, creedon said:

@vcampaner

Structurally is probably not the best term but I couldn't think of a better one. I'm trying to explain some complex stuff without going into all the deeper stuff.

When display : none is used it takes the element out of the rendering flow but the element is still remains available but now not visible. Since the element is still available it can be put back into the flow by changing display again.

I don't know if Google ignores elements that have display : none on them and if it does how it goes into Google ranking.

I doubt Google is going to get confused about which site and page it is indexing. The site and page title are still part of the header information for your site.

Thank you this is helpful ! 

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...