Please Read First
Troubleshooting Tips
Frequently Asked Questions
Before Posting Please Disable Wp Super Cache Plugin
When Posting Please Include Your URL.
Search Forum Using Google Search Box Above
Forum Video

Page 1 of 2 12 LastLast
Results 1 to 10 of 13
  1. #1
    Join Date
    Apr 2011
    Posts
    25
    Rep Power
    0

    Default Navigation Bar Resizing-Help!

    I know how to resize the navigation bar--I change the size in the image CompleteNavBg and upload it. However, when I go to upload it, it doesn't center the navigation bar. It is left justified so it only looks shorter on the right side instead of being centered align.

    How can I fix this?

    -Melissa

  2. #2
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,433
    Rep Power
    12

    Default

    Add this to your custom css stying box in Socrates > Styling.


    .im-nav {
    position: relative;
    background: url("images/completeNavBg.png") no-repeat;
    background-position: -5px 0px;
    width: 980px;
    height: 46px;
    z-index: 4;
    padding: 5px 0px 0px 5px;
    left: 0px;
    top: -18px;
    font-family: Verdana, Geneva, sans-serif
    }
    Adjust width and padding to your new image to align.

  3. #3
    Join Date
    Apr 2011
    Posts
    25
    Rep Power
    0

    Default

    I tried it and it didn't work. If I made the image smaller, it would just bring it in from the right side.

    I tried changing the padding but there was no effect on it at all. All I want is for the navigation bar image to be centered on the page.

  4. #4
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,433
    Rep Power
    12

    Default

    I will need to see the site, and then I can tell you what to change in the css I included.

  5. #5
    Join Date
    Apr 2011
    Posts
    25
    Rep Power
    0

    Default

    Thanks, Dan!

    The site is flowcytometryservices.com

  6. #6
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,433
    Rep Power
    12

    Default

    I didn't know you were using 3.0 Menus.

    Remove the other code from the box..

    Add this.

    .menu-primary {
    position: relative;
    background: url("http://www.flowcytometryservices.com/wp-content/themes/socrates/images/completeNavBg.png") no-repeat;
    background-position: 5px 0px;
    width: 975px;
    height: 56px;
    z-index: 4;
    padding: 0px 0px 0px 10px;
    left: 0px;
    top: -18px;
    font-family: Verdana, Geneva, sans-serif;
    }


  7. #7
    Join Date
    Apr 2011
    Posts
    25
    Rep Power
    0

    Default

    Hmmm...I just did that Dan and the image is no longer there.

  8. #8
    Join Date
    Jun 2010
    Location
    Maine
    Posts
    7,433
    Rep Power
    12

    Default

    That's odd.. and slashes are being added to it..

    Try replacing with this..


    .menu-primary {
    position: relative;
    //background: url("http://www.flowcytometryservices.com/wp-content/themes/socrates/images/completeNavBg.png") no-repeat;
    background-position: 5px 0px;
    width: 975px;
    height: 56px;
    z-index: 4;
    padding: 0px 0px 0px 10px;
    left: 0px;
    top: -18px;
    font-family: Verdana, Geneva, sans-serif;
    }

  9. #9
    Join Date
    Apr 2011
    Posts
    25
    Rep Power
    0

    Default

    Hi Dan,

    Yes, the slashes were missing from the first code! I added them and the bar showed up. HOWEVER, now it's hanging off the ride side. Yikes! Anything I can do?

  10. #10
    Join Date
    Apr 2011
    Posts
    25
    Rep Power
    0

    Default

    Dan,

    I changed the width of the bar to "965" and it worked! Thanks so much!

    -Melissa

Similar Threads

  1. Socrates Navigation vs Wordpress 3.1.1 Navigation
    By jeffmanz in forum Official Support 3.0
    Replies: 1
    Last Post: 04-17-2011, 06:19 PM

Tags for this Thread

Posting Permissions

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