Filter dropdown effect push content

[Topy05Participant]

Hello, please have a look at this video http://somup.com/cYfTjRiy1D. I noice that when I click the filter icon, the selector dropdown effect push the content. It doesn’t look the same to the demo in your website.

[Ernest MarcinkoKeymaster]

Hi,

You have probably changed the layout of the settings drop-down, you can change it back to the default “hovering” here: https://i.imgur.com/CU6B7Cs.png

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Topy05Participant]

The point is I want the dropdown width to be the same as the container. So I select the “block” layout as you recommended in this topic https://wp-dreams.com/forums/topic/replace-close-icon-increase-dropdown-with/. But selecting the block layout now changes the the way of dropdown. So, it’s not possible to use the block layout and have the dropdown pattern that displays in the “hovering (default)” layout?

[Ernest MarcinkoKeymaster]

Hi,

Well, it is a tough question, because if it’s floating, it may not be able to adept to the parent width.

Try this custom CSS, it may work with the block layout:

div.asp_sb {
    position: absolute !important;
}

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Topy05Participant]

Work fine, thanks! Just one last thing, I’m almost done with this. Please see this screenshot https://www.dropbox.com/s/nzttp9nww50al41/ajx.png?dl=0. As you can see, when the text is long, it is not responsive well. Do you have an option to adjust this or need to use media query to fix it?

Thanks.

• This reply was modified 3 years, 1 month ago by  Topy05.

[Ernest MarcinkoKeymaster]

Hi,

That should break the line, maybe it is due to the custom code, I am not sure. Can you please link me to the page where this is visible? I cannot tell what the reason is only by a screenshot. Thank you!

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Topy05Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Topy05Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

Thanks, it was a firewall issue, I switched VPNs and it is okay now.

I applied this custom CSS:

#ajaxsearchprobsettings1_1.searchsettings fieldset, #ajaxsearchprobsettings1_2.searchsettings fieldset, div.asp_sb.asp_sb_1.searchsettings fieldset {
    width: 800px;
    min-width: 300px;
}

It should be fine now.

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[Author]

Posts