Archived topic
Search bar is (on header area) is not responsive.
28 replies · Started by linuxwolf on March 12, 2021
Hi, I had successfully fixed my header bar size with your help, but it is not responsive with other screen size. I had tasted with screen 1080x1366. When I press search button the screen bar size is small now. Please check.
1. This is happening with any screen size below than 1080 and upto 800×964 (testing in Edge browser developers mod)
2. also when I press the search button it changes the link from [example .com] to [example .com/#]
This is happening with any screen size below than 1080 and upto 800x964 (testing in Edge browser developers mod)
Hi there,
your CSS is using a % width value - this is based on the width of the browser.
Instead of width: 47%; use max-width: 580px; which is roughly the width of the Primary Navigation.
Hi, David
Your answer is not helpfull. Please write complete answers and help me to fix the issues.
I wait long to get a reply on Gp forum.
Hi there,
Did the solution David mentioned not work? It's exactly what I would suggest as well, and seems to work perfectly when I try it on your site using developer tools.
As for the # issue - that's not default behavior (check here: https://gpsites.co/marketer)
Your site has a handful of javascript errors showing up in the Console when you right-click + Inspect, which is likely causing this. I can't tell what they are as your site is using a caching plugin.
Thanks!
Ok, I misread the reply from David. I'll test and let you know.
If I disable the cache plugin, can you identify the issue? I'll do it tomorrow.
Yes, happy to take a look at what the issue is without the cache enabled.
Let us know.
Hi David, I have disabled the cache plugin, Please check the issue and help me to fix it.
I have disabled the plugin and also disconnected the CDN, Now I am facing lots more problems.
What problems, exactly?
I'm seeing the same errors which is strange as they're not happening elsewhere using the exact same scripts.
Can you try deactivating your other plugins to see if the # issue goes away with any of them deactivated?
Ok, I'll check with other plugins,
Can you identify why's this happening with my site?
Previously, css, just was minified then I deleted, cdn and LSC cache plugin.
Now this is happening. Please see the SS shared
I re-enabled the LSC cache,
It seems like I am stuck with it.
When I disable it my website looks like the screenshot I had shared before, meanwhile the # still exists in the search url.
Hi there,
This is what your site looks like on my end. https://share.getcloudapp.com/rRukZP0d
We weren't able to inspect the site with caching disabled. Can you keep it disabled so we could properly check?
If I may suggest a quick fix. Try excluding the JS coming from /wp-content/plugins/gp-premium/ from being merged into the whole aggregated file.
Note: As Tom mentioned, this is not a default behavior of the theme. This is most likely caused by some of the custom scripts, third-party plugin scripts added to your site or scripts breaking when all scripts are aggregated.
The screenshot you have sent is when I have enabled LSC plugin else it was looking like the one I had sent before. (I have shared the screenshot shot again, please check)
I have disabled the plugin once again.
I have shared the screenshot of JS exclusion screenshot, please check (or maybe I need to fill there actual js file name.)
I have shared pics of plugin I have installed.
The # keep coming