Yunis777

Thanks, rdelconsulting.

Kadence,

Thanks for your post. I will think about your advice of developing a plugin. The skills of developing such are not possessed by me.

Regards,

Yunis

Kadence,

Your theme is wonderful. There is a plugin that I also consider very good and it is called “WP Job Manager” by Mike Jolley. Can you integrate the two so that, among other things, a job category search menu can display consistently on tablet devices? I tried to contact the author of that plugin and they advised me to come back to you.

https://s30.postimg.org/wdi1s0vmp/Mobile_menu_appearance_inconsistency.jpg

I look forward to hearing from you.

Kind regards,

Yunis

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

To Marc2412: The template “style.css” contains nothing except the following comment:
/*
Theme Name: Virtue
Theme URI: https://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: https://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: https://www.gnu.org/licenses/gpl.html
*/

Nikeo, thanks for your reply.

I upgraded the Customizr theme and the its layout on mobile phone remains unchanged.

Rdellconsulting,

Thanks for your reply. However, I was asking for something different at #1.

I am looking for CSS code modification that will cause the contents of drop down menus Category and Regions to appear without clicking. That’s all. The same process we see with the Sliders and Layout menus at the Customizr demo theme. https://demo.themesandco.com/ The user can see these menu contents without clicking.

I look forward to hearing from you.

Kind regards,

Yunis

Rdellconsulting,

Thank you for the assistance you have given me so far in this area.

My website still has the following two issues to resolve.

I would like the visitor to see the two drop down menus expand and decrease merely by going over them with the mouse pointer i.e. no clicking (hovering??)

No natural hand pointer figure appears when visitor hovers over the “choose a category” menu. How can this be corrected?

This is an image of website page explaining it: https://s30.postimg.org/ahgnokx0h/explaining_menu_hovering_formatting_request.png

This is all the CSS code you have given me and that is in the “Custom CSS” option box of the Customizr theme:

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

.chosen-container .chosen-results, .chosen-container .chosen-results li {
width: 100%;
}

.entry-title:before, .widget-title:before {
content: none !important;
}

My website URL:
https://www.digitalmarketingvacancies.com/jobs/

I look forward to hearing from you.

Kind regards,

Yunis

Hello,

According to my experience the “WP Job Manager – Predefined Regions” produced by Astoundify does not work. Can someone help me to get a plugin that enables the user to select a region in the “WP Job manager” plugin?

I have absolutely no experience with coding Plugins and would not know what to look for even if someone gave code to insert.

Look forward to hearing from you.

Kind regards,

Yunis

Rdellconsulting,

Thank you for your very helpful reply.

I was wondering if the width of the ‘Choose a catagory’ list could also be increased so that it is properly aligned.

https://www.digitalmarketingvacancies.com/jobs/

Look forward to hearing from you.

Kind regards,

Yunis

Mike,

In your last reply, you said “FY!”. What’s that supposed to mean?

That plugin is recommended on your own website:
https://wpjobmanager.com/product-category/free/

Rdellconsulting,

A link to my website is below:

https://www.digitalmarketingvacancies.com/jobs/

Look forward to hearing from you.

Kind regards,

Yunis

Rdellconsulting,

In an attempt to reduce the widths of drop down menus into one line, I entered the code you gave me in “Custom CSS” edit box of the Customizr theme. Nothing changed. Was this the proper area where I should have entered the CSS code?

This code was already in that box:
.entry-title:before, .widget-title:before {
content: none !important;
}

Then I added your CSS code under neath it which did not result in any improvement:

#search_keywords input[type=”text”] {
border-radius: 5px;
line-height: 1.7;
width: 33%; /* Adjust this */
}
#search_keywords input[type=”text”], textarea {
border: 1px solid #999;
border-radius: 5px;
color: #000;
font-size: 1.4em;
line-height: 1.7;
padding: 3px;
}:

I look forward to hearing from you.

Kind regards,

Yunis

Rdellconsulting,

I would gladly give you a link to my website so long there was no chance of it being shared with others.

I tried to figure it out which CSS code I had to edit using Firebug and Chrome browser ‘Inspect Element’ tools. I failed in trying this. I also have no idea on how to find and edit the corresponding code in the WordPress Customizr editor.

Some images of the code revealed by Firebug are in below links.

I was also wondering there if another way of reaching you privately with my URL to investigate.

https://s14.postimg.org/k6txkrpcx/Customizr_theme_CSS_menus.png
https://s14.postimg.org/pgywc29lt/Customizr_theme_CSS_menus_width_css_code.png
https://s14.postimg.org/oq666a78h/Customizr_theme_CSS_menus_category_firebug.png
https://s14.postimg.org/4mr57z4m9/Customizr_theme_CSS_menus_keywords_firebug.png

I look forward to hearing from you.

Kind regards,

Yunis