• Resolved thefalliblegirl

    (@thefalliblegirl)


    Hi all, I am using the Prana website theme at thefalliblegirl.com and would love to know how I can get the Search Bar into the main nav menu on the far right. I have tried a few solutions available on the net and the best I have done is get the search box in the menu bar, but not on the far right. Could someone please assist? Many thanks.

    Isla.

Viewing 6 replies - 1 through 6 (of 6 total)
  • I have done is get the search box in the menu bar, but not on the far right.

    Just do that again. This time view source to get the class or id of the search form and float it to the right.

    Use child theme, so you will be able to update theme without losing the work.
    https://codex.www.ads-software.com/Child_Themes

    Thread Starter thefalliblegirl

    (@thefalliblegirl)

    Hey there, many thanks for responding so quickly and apologies if these seem like silly questions (I’m still new to coding).

    I have got the search bar in the menu bar again and have changed it to float right but it still doesn’t seem to work…see below the code in CSS:

    .searchform .assistive-text {
    display: none;
    }

    .searchform input[type=”text”] {
    width: 172px;
    float: right;
    padding: 6px 0 6px 11px;
    margin: 0;
    vertical-align: middle;
    border: 0;
    }

    .searchform input[type=”submit”] {
    width: 33px;
    height: 33px;
    background: url(images/zoom.jpg) no-repeat;
    border: 0;
    cursor: pointer;
    text-indent: -9999px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
    font-size: 0;
    display: block;
    line-height: 0;
    }

    Any comments would be most appreciated. Thanks very much…

    Thread Starter thefalliblegirl

    (@thefalliblegirl)

    Sorry, here is the top of the code:

    .searchform {
    width: 218px;
    float: right !important;
    background: #fff;
    border: solid 1px #e7e7e7;
    padding: 1px 0;
    margin: 0;
    overflow: auto;

    Take out the <li> and </li> from the code that you use to put search into menu.

    Also, doesn’t look like you are using Child Theme.
    https://codex.www.ads-software.com/Child_Themes

    Thread Starter thefalliblegirl

    (@thefalliblegirl)

    Thank you! I did it!! Thank you so much. I really appreciate it.

    Thread Starter thefalliblegirl

    (@thefalliblegirl)

    I’m sorry I am having trouble again with this. For some reason – and I don’t know what I changed – my search bar has drifted to the top of the nav menu and I want it to be centered. Can anyone assist? Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Search bar in top menu on right’ is closed to new replies.