Hello Rikard,
Sure. But be careful, this is live site.

Thank you.

Hello. Can I kindly ask you to read my previous post again? I don’t want to set this search bar on left. I need to make it work like regular search bar in sidebar, just on top of a page. Please have a look again.

To sum it up:

1. Wider search form (it would be great to set it as responsive value like %). Min width 300px or so.
2. Hiding search results are not working when I click outside search field. They stay until page is reloaded.
3. Right now, on mobile devices (tested on iPhone 6s) search field is smaller than search submit button.
4. I can’t center it properly. I have right now something like left: 42%. It works but Im not sure if it is ok.
Right now everything is done on polish language (PL). So inside admin panel please switch to polish. Later on eveysthing will be copied to other languages. Your language for account is set to english.

All CSS rules are in General Styling tab (PL) at bottom of CSS field. Code that you provided is located in functions.php.
Thank you!

Ok, I know. How can I change it? Can I copy single.php code? I would like to have content from page builder and under it loop from regular archive page. Right now on category page editor I have regualr wordpress visual editor and I can create some text with images and under it I have regular loop with posts. This is almost perfect, I just need ALB :) So copying some code from single.php is ok? Od do you have code to include ALB to archive.php ?

Thank you.
Best regards
Maciej

Hello.
Sure, login details are below. Please be careful, this is live site.

To sum it up:

1. Wider search form (it would be great to set it as responsive value like %). Min width 300px or so.
2. Hiding search results are not working when I click outside search field. They stay until page is reloaded.
3. Right now, on mobile devices (tested on iPhone 6s) search field is smaller than search submit button.
4. I can’t center it properly. I have right now something like left: 42%. It works but Im not sure if it is ok.
Right now everything is done on polish language (PL). So inside admin panel please switch to polish. Later on eveysthing will be copied to other languages. Your language for account is set to english.

All CSS rules are in General Styling tab (PL) at bottom of CSS field. Code that you provided is located in functions.php.
Thank you!

Best regards
Maciej

• This reply was modified 7 years, 6 months ago by Maciej.

Hello.

Thank you. That code works nice but there are some styling issues.

1. When I type something and results are displayed, whole field is pulled down. It would be great to have resluts field apeared over menu and page content.
2. In normal situation when I click outside search field or results field, that field should disapear. Right now it stays until I refresh page.

3. I would like to center my search field and make it a bit bigger/wider. I have code like this now:

.sub_menu {
top: 0;
left: -50%;
}

but Im not sure if this is correct (-50% place it to far left) and I can’t find proper class to make field wider.

4. When you open that page on mobile phone (tested on iphone 6s), search field is smaller then search button. On desktop everything is ok. I have code extra code like that:

#header_meta {
    min-height: 40px;
    background: transparent;
}

Best regards
Maciej

thank you. Works like a charm :)

Ok. I think I have to explain again. CSS rules in style.css in my child theme don’t work. What can I do?

Ok, thanks, please have a look.
My main language is polish, and there styles there are proper one. On other languages some fonts are different and not all changes in css are working compared to PL part.

Thank you.

Ok, another try :)

This code was responsible for removilg links in search:

.post-title {
    pointer-events: none !important;
}

So is there a nice way to remove/translate “Permalink to ”

Thanks

This doesn’t work for category pages. My page doesn’t look as it should. I need to have look like from screen above, because m blog page is set like that (but using page builder module “blog pots”).

Can you help me modify category/archive template go get something similar?

Thanks.

I’ve removed this code and same story. This code is same code from your original function but without “Permanent Link”. This is live site so I can’t switch styles.
Also as you ca see under first element I have categories, but under other titles categories are missing.

Can you help me please?

Hello.
No errors in debug as far as I can see, no log, no errors on screen, no errors with debug scripts as well.
Only this in console:

Strange, on my main language (pl) there in no problem at all. I’ve switched off most of my plugins (except wpml). No luck.

Oh! I found this! Thanks!