- This topic has 5 replies, 3 voices, and was last updated 9 years, 10 months ago by
.
-
Posts
-
Hi,
I am trying to remove the logo from the front page only of the No Sidebar theme, yet keep it displaying on all other areas of the site.
I accomplished this in the past on another theme by adding the following to the style.css file.
.home .site-header {
display: none;
}However, in the No Sidebar theme this takes away the entire header area on the front page, including the menu and search, I just want to remove the logo on the left.
What do I need to add to get this done so that logo is gone on front page only? Thank you in advance.
Jeremy
https://www.cottonblossomexchange.com/The class that has the logo is probably .title-area, and the parent of that is the .site-title so change your css:
.home .title-area { display:none; }Use Chrome's Dev tools or Firebug to locate the classes you need to target.
Hi Carasmo.
That works, thank you. However, it makes the main navigation menu on the home page display left justified. How do I get it back to center display properly on home page?
Jeremy
It's better to re-post another question because more people will see it that way and you'll get a better chance at a response.
How to center your menu center just for the home page requires that you find the element that is currently being floated right and copy that and create a new CSS property that makes it inline-block and on the parent of that property, a align center just for that page by using CSS specificity like you did by hiding the menu with the .home class. Since you have not linked to a live version of your site, that's the best I can do.
Repost as a new question and if I don't answer it, perhaps someone else will. If you're doing development work, you need to learn CSS and there are many resources to help you learn.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.