Return to previous page

Adjust height of Search results dropdown in header

This topic has 12 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Tony Rodriguez

Martin

Participant

December 28, 2022 at 13:18

Hi,

I would like to increase the height of the search results dropdown (header) but could not find the right css class. Or maybe there a setting I overlooked?

Best regards
Martin

#342477 Copied Theme version: 8.3.9

11 Answers

Tony Rodriguez

Support staff

December 28, 2022 at 14:00

Hello, @Martin,

In order to solve your issue Simply navigate to Dashboard > XStore > Theme Settings > Header Builder > Search > Results Dropdown Computed Box and Set padding as per your needs. See the image for a better reference here: https://ibb.co/HPj1dVg

Regards 8Themes Team.

#342482 Copied

Martin

Participant

December 28, 2022 at 14:45

Hi Tony,

I have closed the topic too quickly.

It basically worked, but now the result list can be scrolled farther than necessary, showing white space below the result list.

Is there a way to fix this?
Best regards
Martin

#342489 Copied

Tony Rodriguez

Support staff

December 28, 2022 at 16:27

Hello, @Martin,

Your site is not working for me as you can see in this image: https://postimg.cc/3yZRnH9d please fix this so that I will be able to check it. I am accessing your site from Pakistan. Also, please share your site wp-admin URL and access in the private content area of this topic by following the below-given format

WORDPRESS ADMIN URL:
WORDPRESS ADMIN USERNAME:
WORDPRESS ADMIN PASSWORD:

So that I will check it for you on your site and help you out.

Regards 8Themes Team.

#342506 Copied

Martin

Participant

December 29, 2022 at 09:05

Hi Tony,

sorry, please try like this: https://www.pflanzkompass.at. I need to fix that ssl redirect.

Regards
Martin

Please contact administrator
for this information.

#342552 Copied

Tony Rodriguez

Support staff

December 29, 2022 at 09:49

Hello, @Martin,

Your issue is resolved now, please check back to your site after clearing the browser cache.

I have set the Results Dropdown Computed Box padding to default settings. See the Resulting image under the private content area for a better reference.

Regards 8Themes Team.

Please contact administrator
for this information.

#342560 Copied

Martin

Participant

December 29, 2022 at 11:35

Hello Tony,

thank you for helping, however nothing has changed. The result dropdown is still the same size as it always was. All caches cleared.
Changing the padding didn’t do anything, as restoring the defaults.

Please see the screenshot in the private content area. What I would like to achieve is simply an extension of the dropdown of about 100-150 px.

Best regards
Martin

Please contact administrator
for this information.

#342582 Copied

Tony Rodriguez

Support staff

December 29, 2022 at 13:35

Hello, @Martin,

Sorry to say that I still don’t understand your issue clearly. I already told you about how you can set the padding/spacing in the dropdown results there is nothing else in the theme that I can tell you for the dropdown results list in which you can try to change its height or width. I hope you understand.

Regards 8Themes Team.

#342591 Copied

Martin

Participant

December 29, 2022 at 14:43

Hello Tony,

I am sorry, we seem to have misunderstood each other. Let’s try again:

In order to increase the height of the dropdown, you advised to use the padding in the Results Dropdown Computed Box, which basically worked – the dropdown box is larger now.

But it also led to a large margin below the search results (marked by the red X in the screenshot).

Is there a way to get rid of this white space?

Thank you!
Martin

Please contact administrator
for this information.

#342602 Copied

Tony Rodriguez

Support staff

December 29, 2022 at 15:27

Hello, @Martin,

Ok I have removed that padding from your site and added the Custom CSS code to increase the height of the search result dropdown and it is working fine now, please see the below-given screenshots:

https://postimg.cc/CBK8741L
https://postimg.cc/jDXC1JBW

Regards 8Themes Team.

#342609 Copied

Martin

Participant

December 30, 2022 at 12:21

Hello Tony,

thank you very much! Works perfectly!

Best regards

Martin

#342663 Copied

Tony Rodriguez

Support staff

December 30, 2022 at 13:37

Hello, @Martin,

You’re Most Welcome!!

We are thrilled that our solution helped you in solving your issue.

Thanks for contacting us.
Have a nice weekend.

Topic Closed.
Regards 8Themes Team.

#342670 Copied
Tagged: adjust, dropdown, height, search, themes, woocommerce, wordpress
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Adjust height of Search results dropdown in header’' has been successfully resolved, and the topic is now closed for further responses

Adjust height of Search results dropdown in header

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection