I have the following media query in the css of a page template
"search-by-complaint" is the name of a separate view
@media screen
and (min-device-width: 480px)
and (max-device-width: 992px)
and (-webkit-min-device-pixel-ratio: 1) {
div[name="search-by-complaint"]select.js-wpv-filter-trigger.form-control
{min-height: 2rem;
width: 15rem;}
}
The above doesn't work, if I place:
@media screen
and (min-device-width: 480px)
and (max-device-width: 992px)
and (-webkit-min-device-pixel-ratio: 1) {
select.js-wpv-filter-trigger.form-control
{min-height: 2rem;
width: 15rem;}
}
in the css of the View, then it's ok.
How can I include the View media query in the page template ?
Thanks for any help
Hello,
Since it is a custom CSS codes issue, please provide the live problem URL, I need to test and debug it in my Chrome browser.
versteckter Link - home page
The View that I want to include in the media query for the home page - "Search by complaint"
Thanks for your help
I have checked the URL you mentioned above, there isn't HTML form with name attribute "search-by-complaint", so the CSS codes you mentioned above won't work.
I assume we are talking about the search form "Search Plant Uses by:" in the right of page, if it is, you can use the form ID in your CSS codes, for example:
div.js-wpv-filter-form-1927{
/** here setup your custom CSS codes **/
}
Hi Luo,
Thanks for your help, I've marked as resolved - even though its not behaving as expected - 'cause I have alot of other issues around this that I need to understand.
Thanks for your help