I am having the same issue. I originally designed my job site using the jobify theme. I had issues with the mobile view of the icons in the job/resume listings so I decided to try using a different theme. Now I’m thinking it is a WP plugin issue. It would be nice if this can be resolved 🙂
The input type of the Keywords area is a text.
Go to wp-content -> themes -> your theme -> open style.css -> ctrl + f -> search for ‘input’ or ‘input[type=”text”]’ -> add ‘input[type=”select”]’ so like:
input[type="text"], input[type="select"] {
css stuff is shown here
}
then you should have the same style as they keywords section. If this doesn’t work just try adding ‘select’ so:
input[type="text"], select {
css stuff is shown here
}
Looks like a conflict / compatibility with your 3rd party theme.
Thanks for your input / help here Marc2412!
I would recommend the same approach and hope this helps as well. Otherwise you might want to look into another theme that has better compatibility with this plugin out of the box.
Cheers,
Scott
To Marc2412: The template “style.css” contains nothing except the following comment:
/*
Theme Name: Virtue
Theme URI: http://kadencethemes.com/product/virtue-free-theme/
Description: The Virtue theme is extremely versatile with tons of options, easy to customize and loaded with great features. The clean modern design is built with html5 and css3 and uses the powerful responsive framework from Bootstrap to be a fully responsive and mobile friendly. It’s fully ecommerce (Woocommerce) ready with all the tools you need to design an awesome online store. The versatile design is perfect for any kind of business, online store, portfolio or personal site. We built Virtue with a powerful options panel where you can set things like your home layout, sliders, custom fonts, and completely customize your look without writing any CSS. You are going to love how easy this theme is to work with. Virtue was built and designed by Kadence Themes.
Version: 2.2.8
Author: Kadence Themes
Author URI: http://kadencethemes.com/
Tags: responsive-layout, two-columns, one-column, custom-colors, custom-header, custom-menu, featured-images, translation-ready, theme-options, photoblogging
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
*/
Hey there,
That is quite weird, could you please contact the creator of the theme? The theme must have a CSS somewhere which you can edit.
Marc
To Marc2412: There is a custom CSS panel with the theme. Up to now I have used it and have put the following CSS code in it:
.search_keywords, .search_location {
clear: none;
display: inline-block;
height: 40px;
line-align: top;
padding: 1%;
width: 30% !important;
}
.search_categories {
clear: none;
display: inline-block;
padding: 1%;
width: 40% !important;
}
.chosen-container .chosen-drop {
width: 100%;
}
.chosen-container-multi .chosen-choices {
height: 30px;
margin-top: 5px;
cursor: pointer;
}
.chosen-container .chosen-results, .chosen-container .chosen-results li {
width: 100%;
}
.entry-title:before, .widget-title:before {
content: none !important;
}
@media only screen and (max-width: 480px) {
.search_jobs {background:#080; margin:0 0 0 -5px;}
.search_keywords, .search_location, .search_categories {
width: 100% !important;
}
.search_keywords {margin-left:5px;}
}
I would follow up with the developer of your theme for any support specific to it.
