Filter dropdown effect push content

[Topy05]

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 Marcinko]

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

[Topy05]

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 Marcinko]

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;
}

[Topy05]

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 6 years, 1 month ago by Topy05.

[Ernest Marcinko]

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!

[Topy05]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[Topy05]

You cannot access this content.

[Ernest Marcinko]

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.

[Author]

Posts