Viewing 8 replies - 1 through 8 (of 8 total)
  • This is more of a themes/templates question, but go into your styles.css and edit this:

    #nav .s {
    padding: 2px 0 2px 5px;
    }

    to

    #nav .s {
    padding: 2px 0 2px 5px;
    float: right;
    }

    Hope that helps.

    Thread Starter ebaylion

    (@ebaylion)

    Hi Thanks for the information. I’m new to wordpress so I don’t know what is a theme question vs other. Also, the fix you gave did not solve my issue. Your solution moved the word search from the right of the search box to the left of the search box and next to the words Contact us.

    What I’m trying to do is create more distance between the contact us and the search box. this link has it correct but i can not duplicate it: http://www.hartsook.com/Crosby/

    Any other solution?

    Did you change anything else in your styles? Try this:

    #nav .s {
    padding: 2px 0 2px 20px;
    }

    Let me know if that does anything.

    Thread Starter ebaylion

    (@ebaylion)

    That change didnt seem to do anything. ;-(
    —–
    Yesterday i was having some issues with the navigation area being really wide and my entire website had a shadow and fonts were white so i was told to do the following which fixed the problem:
    (The search issues were there before and after the fix)
    —-
    The fix from yesterday’s problem since you asked if I made any changes

    All of this is controlled by the CSS file in the child theme folder.

    In your case the fonts are in the group on line 171, change the color to black and remove the line about text-shadow.
    The menu has multiple items controlling it. Group on line 272 reduce the padding to 0 0 0 0. Then in group on line 1757 change the padding to 0 50px.
    You should also change the nav font colors.

    Thread Starter ebaylion

    (@ebaylion)

    actually, i think the changes to the last number is changing the size of the search box

    Thread Starter ebaylion

    (@ebaylion)

    That section as of now reads as follows:

    #nav .s {
    padding: 2px 0 2px 20px;
    }

    Here try this, it should work for sure this time:

    #nav li.right {
    float: right;
    margin: 0 10px 0 0;
    padding: 10px 10px 8px;
    }

    TO

    #nav li.right {
    float: right !important;
    margin: 0 10px 0 0;
    padding: 10px 10px 8px !important;
    }
    Thread Starter ebaylion

    (@ebaylion)

    Hi There…. Yes, that worked!!!! Thanks for the information and the follow through. Thank you. Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to make changes to navigation bar?’ is closed to new replies.