How to reduce the length of the search box at the home menu

Community Forums Forums General Discussion How to reduce the length of the search box at the home menu

This topic is: not resolved

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  Gordy 1 year ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #73431

    Gordy
    Participant
    Post count: 92

    The search box has been shifted from the primary position at the home menu.

    Please, how can I reduce the length of the search box so that I can display another menu.

    http://www.afroscandic.com
    #73444

    RobG
    Participant
    Post count: 1055

    Access your style.css file and look for the following codes, Just make the ajustments were you see width: 180px; and reduce the width it should fall in to place.

    [php]
    #nav .s {
    background: #393939 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 180px;
    color: #CCCCCC;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    padding: 5px;
    margin: 0 3px 0 0;
    border: 1px solid #B81313;
    }

    [/php]


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    We build WordPress websites for your business or personal goals
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #73977

    Gordy
    Participant
    Post count: 92

    Thanks. I have changed the width to 100px but :

    1. In internet explorer, the search box is still shifted and it is displayed below the other menus. It seems not so in Firefox and Chrome. Does the change I made dependent on browser?

    2. Is there any good reason why the original width is set to default 180 px ?

    Thanks

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

You must be logged in to reply to this topic.