Get Rid of Title Area

[rbrown08]

Get rid of the div id "title area" in the Crystal theme?  Basically, I do not want to use the title area, I just want a navigation bar.

---

@Roxann3Brown

[buddy_boy8403]

What is the link to you site?

[rbrown08]

lanadil.evibedesigns.com

Actually, I'm trying to move the logo down so it sites on the  navigation bar to the left and get it out of the title area.

---

@Roxann3Brown

[buddy_boy8403]

You could try modifying the below in your child theme's style.css file on line 127:

.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
display: block;
float: left;
height: 60px;
overflow: hidden;
padding: 0;
position: fixed;
text-indent: -9999px;
top: 98px;
width: 320px;
}

[buddy_boy8403]

Sorry - it's getting late and my eyes are getting tired.  That is not what you want.  The code above will make your logo scroll along with the page - you want this instead:

.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
display: block;
float: left;
height: 60px;
overflow: hidden;
padding: 0;
position: relative;
text-indent: -9999px;
top: 60px;
width: 320px;
}

[rbrown08]

Thank you so much!  I've been messing with it for hours.  Can I ask you another question in regards to this menu?  I want the background image of the menu to extend the length of the site.

On line 146 I tried:
#nav, #subnav {
background: url('images/header_bg.png') repeat-x;
width: 100%;
height: 75px;
color: #989084;
margin: 0;
overflow: hidden;
clear: both;
text-transform:uppercase;
}
and I tried on line 67:
#wrap {
width: 100%;
margin: 0 auto 0;
}

which made the menu bar extend the length of the site, but then the rest of the site content moves to the left.  Maybe I need to go adjust the width for everything else?

---

@Roxann3Brown

[rbrown08]

Actually, by making the logo fixed, it moves as you scroll down the page.  Relative positioning worked though.  Thanks again 🙂

---

@Roxann3Brown

[buddy_boy8403]

Actually, by making the logo fixed, it moves as you scroll down the page.  Any other ideas?

See my second reply.

 

[rbrown08]

Thank you, that's what I ended up getting.  Even though your first reply was a tad off, it enable me to see what it was I needed to adjust 🙂

 

 

---

@Roxann3Brown

[Author]

Posts