• Resolved jsnhardy

    (@jsnhardy)


    Hello, I added the search bar to the top navigation bar according to the faq.txt.
    Is there anyway to move the submit button to the right of the search box instead of underneath it? Thanks
    thriftykings.com

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hey there jsnhardy,

    I’ve checked your site and the search button appears on the right of the input field, this is what I’m seeing http://screencast.com/t/rLK6Yn1xuV. Which browser are you using? Or am I missing something?

    Best regards,
    Bojan

    Thread Starter jsnhardy

    (@jsnhardy)

    Hi Bojan, thanks for you help.

    I was using Chrome for mac. I am at work now, however I will post a screenshot when I get home this evening if it is still a problem. I might of fixed it and not realized it before I went to bed, I was trying to tweak everything in the style.css.

    Any hints on how I could get more spacing underneath the search bar instead of it floating along the bottom of the nav bar like that? Thanks again!

    Hey again,

    Please let me know what you find.

    As for the moving the search bar slightly to the top so it is not placed at the bottom of the nav bar please try adding the following CSS code to Appearance >> Theme Options >> Custom CSS:

    form#searchform {
    margin-top: -10px;
    }

    This should move the search bar slightly to the top without increasing the height of the nav bar, this should be the result http://screencast.com/t/ybqk0Euk.

    In case you want to add more space below the bar as you said please add this instead:

    form#searchform {
    padding-bottom: 17px;
    }

    This should keep the form in place but add more space below it.

    Hope this helps 🙂

    Best regards,
    Bojan

    Thread Starter jsnhardy

    (@jsnhardy)

    Thank you, that worked as far as the spacing. However it must just be a mac issue. It works perfect on all windows machines Ive tried, and even works on mobile devices. It does this on chrome and safari on Mac. I even tried it on a windows machine that has far less resolution that the mac and it worked on that.

    View post on imgur.com

    Hey again,

    I’ve just checked this on my coleagues mac and it appears as on the screenshot you provided.

    Could you please try adding widht: 230px; to the div in HTML where you placed this form.

    Hope this helps 🙂

    Best regards,
    Bojan

    Thread Starter jsnhardy

    (@jsnhardy)

    Thread Starter jsnhardy

    (@jsnhardy)

    That fixed it! I appreciate it, thanks a ton!

    Glad I could help 🙂

    Cheers,
    Bojan

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Search in Navigation’ is closed to new replies.