Checkboxes not responsive in the “advanced” profile search forms on phones

[adminfok]

Hi here,

I have an issue with the advanced search on my members page. Using the “Profile Search Forms” plugin you recommend, I have a “advanced” search form that contains two checkbox selections: one is “language” the other being “services”. Everything works as expected on the computer and iPad, but there is a problem when I use the phone to access the page.

What ever is second to last (of the two checkbox sections) stops being responsive. For example, if I have the section “languages” and then the section “services”, “languages” checkboxes cannot be selected. If I move “languages” to the bottom, the checkboxes for “language” become selectable again, but the checkboxes for services stop working.

Again this happens only on the phone.

Thanks for looking into this issue, Michael

PS: if you need admin credentials let me know.

 

[Laura]

Hello, please share access so i can check it out 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[adminfok]

This reply has been set as private.

[Laura]

Hello, the url doesn’t work, please check if its correct, and thanks you for the screenshots 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[adminfok]

This reply has been set as private.

[Laura]

Hello, please try by adding this to style.css of child theme

COPY CODE

@media only screen and (max-width: 940px) {
form#horizontal_search label {
    text-align: center !important;
}
form#horizontal_search {
    padding: 10px !important;
}
.two.columns.bglabel.hz-checkbox {
    width: 100% !important;
}
span.custom.checkbox {
    float: left !important;
}
form.custom span.custom {
    position: relative !important;
}
.two.columns.hz-checkbox-name {
    display: block !important;
    position: absolute !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[adminfok]

Thanks for your efforts.

I can select now all the checkboxes, but the headings (“Sprachen” and “Suche folgende Angebote” appear more or less on top of each other and are overwritten with the checkbox text. Also all checkbox texts appearing in a row, making it impossible to decide to which category they belong (See picture). Would be great if this could be corrected 🙂

Thanks you, Michael

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please replace the code with

COPY CODE

@media only screen and (max-width: 940px) {
form#horizontal_search label {
    text-align: center !important;
}
form#horizontal_search {
    padding: 10px !important;
}
.two.columns.bglabel.hz-checkbox {
    width: 100% !important;
}
span.custom.checkbox {
    float: left !important;
}
form.custom span.custom {
    position: relative !important;
}
.two.columns.hz-checkbox-name {
    display: block !important;
    position: relative !important;
    height: 10px !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[adminfok]

Great! Thank you so much. Works great.

Best, Michael

[Laura]

Happy to help 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts