Please Read First
Troubleshooting Tips
Frequently Asked Questions
Note: Appearance issues are often caused by caching plugins.
When Posting Please Include Your URL.
Search Forum Using Google Search Box Above
IMPORTANT: If after forum login, you appear logged out, click on "New Posts". You should show as logged in then. It's a Vbulletin bug.
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,942
    Rep Power
    14

    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,942
    Rep Power
    14

    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,942
    Rep Power
    14

    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,942
    Rep Power
    14

    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
  •