Docs

[RichTrixcom]

This is what my current menu looks like: https://postimg.org/image/e8piuvtx3/

For some reason I can’t get the search icon inline with the rest of the menu. I really like the Navbar Search feature and I want to keep that option up there. Is there a shortcode or something I can add to a custom link in my menu to get this working?

Again thank you all for all your hard work and helping us with your phenomenal theme. We could never tell you how much we appreciate your hard work.

Jeff Arnold

[Rupok]

Hi Jeff,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Meantime you can try decreasing the spacing between menu items from Customize > Header.

Cheers!

[RichTrixcom]

Hey, sorry about that. Here is my website: http://www.richtrix.com

And couldn’t fix it with decreasing spacing. Thank you for the support though!

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.x-navabr li.menu-item.x-menu-item-search {
    padding-top: 13px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

Hope that helps.

[RichTrixcom]

I got the CSS to work after I edited it down to this:

li.menu-item.x-menu-item-search {
    padding-top: 13px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

With .x-navbar the CSS refused to work. Thank you so much! Problem solved. Hope this does not affect mobile view or anything like that. I tend to avoid the use of CSS and padding and margin changes because it affects the view from different browsers and devices.

[Christopher]

Hi there,

If you want to apply CSS only for desktop version, please update your code to :

@media (min-width:979px){
li.menu-item.x-menu-item-search {
    padding-top: 13px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}
}

Hope it helps.

[Author]

Posts