Navigation
Archive / Search Icon not appearing on the same line as my other menu items
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 16, 2017 at 11:36 am #1332299
    jlouproductions
    Participant

    I would like my search icon to appear on the same line, directly to the right of the flags, on the nav bar.
    Please help!

    January 16, 2017 at 11:37 am #1332302
    jlouproductions
    Participant
    This reply has been marked as private.
    January 16, 2017 at 12:25 pm #1332362
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .menu-item.x-menu-item.x-menu-item-search {
  display: inline-block;
  line-height: 3.1;
}

    Hope this helps.

    Cheers!

    January 16, 2017 at 1:19 pm #1332449
    jlouproductions
    Participant

    Thanks! Worked perfectly. Now how do I make the search text box smaller in the search screen that appears when you click on the search icon? Right now it is set as the same as h1 tags.

    January 16, 2017 at 4:15 pm #1332668
    Jade
    Moderator

    Hi there,

    Please try this code:

    .x-searchform-overlay .form-search .search-query {
    font-size: 3em;
}

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1332299 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>