Search appearence and products appearence

I have theshop theme.
I have 2 questions

  1. How to move search button to the header. Because it under sidemenu by me at this moment.
  2. When the sidemenu is too long there a lot free space between slider and products. How to replace products higher nearby the side menu and wright under the slider?

Hi,

Please post a link to your website, so I can check. Also, please clarify where exactly you want to move the search button.

Best Regards,
Csaba

It’s right now on the localhost.
You can see link on the picture where you can see exactly what i mean.

https://drive.google.com/open?id=0B_3vxa7QcbWWRVV5ajNjcTg1LUE

Hi,

Please upload your site to a test server, because I have to inspect the blank space issue on a live site, to provide a fix, the search bar I am not sure it can be moved there easily, because it’s a widget, so you may need to do some custom coding to move a widget there, or maybe try a plugin like this to add a widget area there: https://wordpress.org/plugins/wp-custom-widget-area/

Best Regards,
Csaba

I am on the local server. If you want you can send a piece of code and i can insert it into the some file which will be needed. Now i disactive widget with the search and added some code into the header.
That ist it:

<form role=”search” method=”get” class=”woocommerce-product-search” action=”http://localhost/wordpress/wordpress/”>
<label class=”screen-reader-text” for=”woocommerce-product-search-field”>Search for:</label>
<input id=”woocommerce-product-search-field” class=”search-field” placeholder=”Search Products…” value=”” name=”s” title=”Search for:” type=”search”>
<input value=”Search” type=”submit”>
<input name=”post_type” value=”product” type=”hidden”>
</form>

the result you can see by the link. But it again not in the place which i want. and it looks also bad.

https://drive.google.com/open?id=0B_3vxa7QcbWWUFdwRVJIaHFHQVU

Hi,

Unfortunately without inspecting your live site I can’t help with this issue, please upload your site to a test server and post here the URL, so I can check, the search form moving to that exact location may need some custom coding, so unfortunately with that we may not be able to help as Support.

Best Regards,
Csaba

Here is URL for this site. Please check

http://pharmacyonline.hol.es/

Hi,

Now how I see the white spaces are caused by missing images, please add correct images to your products and everywhere, so I can check if / where there be empty space ( or highlight the empty space on a screenshot ).

Best Regards,
Csaba

Done.
1.But the same problem with Main menu appearance
2. with the search button appearence i partly deceided that problem, but still need to have a pretty appearence of it , i need to have a little button of search nearby busket.
3. Have new problem with products. they are shown for 1 product for whole string. I need 3 of them in 1 string. How to do it?

Hi,

  1. The blank space below the slider is caused, because your slider images are not as high as the menu on left, but the left menu is part of the slider, so the content will begin from the end of the left menu.

  2. You can have the search form displayed after the Cart / Main Menu with this Custom CSS:

.search-form {
    display: inline-block;
    float: right;
    margin-top: -7px;
}
  1. I can’t see this problem on your website, can you please point it out or post a link to a page where you have this issue, because on homepage I can’t see that issue.

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba

Thank you ,Csaba, very much for you help,

  1. Can I decide in some way this situation with slider? Should I write some code in functions.php? Because my slider will be longer and free space is not good for me.
  2. About Search. Search widget is available for side menu or for footer menus. So if i change .css file i’ll receive search button nearby search widget. please look on the web-site http://pharmacyonline.hol.es/ i’ll leave it till your next instructions. Should i add one mor menu for header, where i can add this widget or what?
  3. Problem with products was decided.

Thank you very much for your help

Hi,

  1. What do you want to modify on the slider? You want to make it higher to be somewhere around the navigation’s size? Please clarify.

  2. Sorry, this is still not clear for me, please post a screenshot and let point out on it where you want to move the search widget, since you still have it after your menu item, but you may want to add an other search button in menu? or?

  3. Great!

Best Regards,
Csaba

  1. I don’t want this free place (look link) between slider and main menu. So how i can modify it ? Should I write something in functions.php?
  2. I made screen(look link) where you can find what i mean about this code you gave me for css file. I just can attach search widget or to the footer or to the side menu. how i can take it to the menu where is the shoping busket?

https://drive.google.com/open?id=0B_3vxa7QcbWWRUhSU3BXYkdBeTg

Hi,

  1. You have already had on menu, after the cart button, yes, you have to add it with code, but in header.php, not functions.php, or how you have added it before, you had in menu when I have last checked your site.

  2. Please add higher images as your slides, like 835x555px ( around that, or try different sizes that will fill the white space, or remove menu items from the left menu, to have around 5 menu items there, so it will be the same height as you have your slider, because your slider / the menu are in the same area, so they must set to be around the same size, otherwise you will get blank space, which you can’t remove with Custom CSS.

Best Regards,
Csaba

Dear Csaba,

How to increase the size of the slider?
Because CSS features are not working and i am trying to make it bigger.
Because i don’t want to have this free place between menus.

Hi,

You can modify the height of the image slider by adding a higher image ( explained at point 2 of my previous post ).

Best Regards,
Csaba

I just try to do this but unfortunally pictures became the same as smaller once, So the size of the slider didn’t changed. Maybe i need to write something in CSS?

Hi,

Have you tried to add an image size I have recommended ( 835x555px for eg. )? Please try that size, that size was correct to show the image the same high as your menu was initially.

Best Regards,
Csaba

Yes everything is ok now. I marked this topic as solved.

Thank you for your help

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba