Get Rid of Title Area

Community Forums Forums Design Tips and Tricks Get Rid of Title Area

This topic is: resolved

Tagged: , ,

This topic contains 8 replies, has 2 voices, and was last updated by  rbrown08 1 year, 6 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #9629

    rbrown08
    Participant
    Post count: 39

    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.


    #9670

    buddy_boy8403
    Participant
    Post count: 132

    What is the link to you site?

    #9852

    rbrown08
    Participant
    Post count: 39

    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.


    #9862

    buddy_boy8403
    Participant
    Post count: 132

    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;
    }

    #9863

    buddy_boy8403
    Participant
    Post count: 132

    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;
    }

    #9867

    rbrown08
    Participant
    Post count: 39

    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?


    #9869

    rbrown08
    Participant
    Post count: 39

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


    #9873

    buddy_boy8403
    Participant
    Post count: 132

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

    See my second reply.

     

    #9877

    rbrown08
    Participant
    Post count: 39

    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 :)

     

     


Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Get Rid of Title Area’ is closed to new replies.