Docs

[SaShah]

Hi,
i need the search bar to be in centered (image attached) and also adjust the height and width of the search bar and a nice black border around it.

and also the search bar does not perform it task because if you type i.e women, men or toys in it so unexpected results shows (image attached) and it also shows very large images of the product .

please help.
Thanks

[Jade]

Hi there,

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.

[SaShah]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing back. You can add the below CSS to line up the search box :

.search-box-container {
  margin-top: 8px;
}

.search-box-container .text_input {
  height: 40px;
  padding: 10px;
}

.search-box-container .my-wp-search {
  height: 40px;
  line-height: 15px;
  margin-top: -9px;
}

It seems you are using a third party plugin to achieve this that we can’t control and we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[SaShah]

Hi,
i was using the ajax search bar (third party plugin) but now i am using the x search bar and i have already removed that so this is not the 3rd plugin search bar now.

the CSS code you asked me to enter did not work at all. i add that in the CSS customize.

so please help.

[Rupok]

Hi there,

Thanks for updating. I can see the code is working fine – http://prntscr.com/aoqhcv

So not sure what you meant by “the CSS code you asked me to enter did not work at all”. Kindly clear your browser’s cache and try again. If you are expecting something different then clarify properly.

Cheers!

[SaShah]

i entered this in css:

.search-box-container {
margin-top: 8px;
}

.search-box-container .text_input {
height: 40px;
padding: 10px;
}

.search-box-container .my-wp-search {
height: 40px;
line-height: 15px;
margin-top: -9px;
}

please check the attached image that i need the search bar in center (between logo and register) and a solid border around it please.
thanks

[Friech]

Hi There,

You made the search bar as part of the menu. You need to place the search bar as a sibling element of the logo and register. You can do that the same way you did with the Welcome to Mxei.com headline.

I’d advice that you wrap the search bar and headlines (Welcome to Mxei.com | Register | Sign In) with a <div> that has a specific class, so we can position them with CSS efficiently.

Thanks.

[SaShah]

hi,
thank you! your suggestion worked but there is only problem left. except safari in all other browser the nav menu is not centered. i have attached the images for both safari and other browser.
Let me know please where i am mistaken.

Thanks

[Rue Nel]

Hello There,

Please find this block of css code in your customizer;

.masthead-inline .desktop .x-nav {
    margin-top: 30px;
}

You need to replace it using this code instead:

.masthead-inline .desktop .x-nav {
    display: block;
    float: none;
    clear: both;
    max-width: 810px;
    margin: 30px auto 0;
}

http://prntscr.com/apl2ec

Please let us know if this works out for you.

[SaShah]

Thank you, it worked.
now i am having a problem with the search results the search bar does not perform it task because if you type i.e women, men or toys in it so unexpected results shows and it also shows very large images of the product. please you try to type something in the search bar and see the results and this is the same problem does not matter where you put the search bar in footer or widget you get the same problematic results.

please help

Thank you.

[Christopher]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

.search-results .entry-featured {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

Hope it helps.

[SaShah]

Hi,

sorry no effects. it has no problem with the margin, i attached the image so you have clear idea that after searching for any product i am having the code results.
thanks

[Rupok]

Hi there,

Thanks for clarifying your issue. It’s because you didn’t place any excerpt for the products and they don’t have any real text to display on the excerpt field. So it’s apparently pulling the shortcode.

To solve this issue, you need to use real text or excerpts for the products.

If you want to remove the excerpt fields from search result page then you can use :

.search-results .entry-content.excerpt {
  display: none;
}

.search-results .hentry {
  margin-top: 2em;
}

Hope this helps.

Cheers!

[SaShah]

Hi,
thank you! yes it worked but the problem is when we type anything in search bar for example “men” then it shows anything that comes with the word men including “women” etc where we need that only 3 or 4 products should be shown not only 1 big at a time (image attached).

please help and then our search problem will be solved.

Thanks

[Author]

Posts