How to fit the search icon on the menu bar?

[Peter_Fae]

hey. confused about the menu spacing. how to fit the search icon on the main menu display?

right now it gets squeezed underneath. not sure what the proper approach is

Homepage – Landing

[nabeel]

Hi Peter,

Thank you for reaching out to us. To fix the search icon position issue, please add the following code in the Theme Options > CSS:

.x-menu-item.x-menu-item-search {
    display: inline-block;
    vertical-align: top;
    margin-top: 19px;
}
.x-menu-item.x-menu-item-search .x-btn-navbar-search {
    color: #fff;
    padding: 10px
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!