Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Need help adjusting my header.php!

    EDIT: I guess it is more the main.css I need to edit as opposed to the header.php


    Hey guys. So I am an absolute newbie when it comes to coding. So be gentle!

    Heres my question...

    My site is www. mobile marketing worldwide . com If you take a look, you can see the preferred size of my logo. I've been playing around with the sizes and banners, but I cannot seem to expand the header enough (without looking ridiculous) to fit the logo. I'd also have to adjust my links across the top.

    Is this an easy thing to do? Let me know if you need to see my .php file.

    Any help is much appreciated!

    Thanks guys!
    Last edited by seoproductions; 11-16-2011 at 05:42 AM. Reason: Forgot something

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    you mean expand the header height wise?

    something like this?

    Last edited by Sammy12; 11-16-2011 at 06:15 AM.

  • #3
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    YES! Exactly! How do I make that happen?

  • #4
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    delete all the #header code on main.css on line 26 and replace with:
    Code:
    #header {
         height: 105px;
         padding: 5px 0 0 0;
         background: #FAFAFA;
         background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#FFF), to(#DADADA);
         background: -webkit-linear-gradient(top, #FFF 30%, #DADADA);
         background: -moz-linear-gradient(top, #FFF 30%, #DADADA);
         background: -ms-linear-gradient(top, #FFF 30%, #DADADA);
         background: -o-linear-gradient(top, #FFF 30%, #DADADA);
    }
    stick this somewhere:
    Code:
    #header #nav {
         margin-top: 50px !important;
    }
    I also took out the "here" in "order here/contact us" to give the nav some more room
    Last edited by Sammy12; 11-16-2011 at 06:19 AM.

  • #5
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Hmm... If you take a look at the site you'll see what happened. Where did I do wrong?

  • #6
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    woops, forgot a ) in the first gradient

    Code:
    background: -webkit-gradient(linear, 0% 0%, 0% 30%, from(#FFF), to(#DADADA));

  • Users who have thanked Sammy12 for this post:

    seoproductions (11-16-2011)

  • #7
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thank you so much! Looks great! I've got a lot to learn! You'll be seeing lots of me around here!

    Thanks again, man!

    Jack


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •