[tazekins]

I have some conflict happening with my dropdown boxes as you can see in the screenshots.

-On the directory page it just looks like a CSS conflict
-On the category page, when I add a new category it’s the same category as the first one I added. I can’t change it.

http://www.screencast.com/t/tIGHplvG
http://www.screencast.com/t/v3YU7szRCutF

I hope you can help.
Thanks

[ahmetsali]

Hi, i just checked your site.

– in image-1 : i don’t see the issue anymore, it looks good.
– in image-2 : i couldn’t find that page on your site, also i didn’t realize what is wrong with that page by looking at the image.

[tazekins]

Hi

I thought I fixed everything, but I was wrong

The theme dropdown css is overriding my current css which is making issues for mobile responsiveness and for adding categories.

In image 2 the issue was that it’s adding the same category, even when I select something other than beauty, it still adds beauty. E.g. if the first category I select is books, the 2nd and 3rd category I select will also be books. Go to the “submit blog” page.

In terms of mobile responsiveness you can see in the image, how it usually looks with the plugin I have and then with the theme it doesn’t work as well. The image on the right is my website
http://www.screencast.com/t/U6xdNe6RaqFs

I hope you can help because I’m not sure what css to alter/delete!

[ahmetsali]

I can’t see your url now, can you provide your url to see what’s wrong?

[tazekins]

I sent you the URL in the contact form.

If you could identify the issue that would be great.

[ahmetsali]

Hi, try this custom css code;

@media (max-width: 940px) { 
   .sabai-span8.sabai-directory-search-keyword {
       width: 100% !important; margin-bottom: 12px; } 
   .sabai-span3.sabai-directory-search-category {
       width: 178px !important; margin-left: 0 !important; }
}

[tazekins]

Hi

thanks, that fixed the responsive issue, but I still have issues with the “submit blog” page. I have no idea why it’s repeating the same category and not letting me add different ones. (as shown above). http://www.screencast.com/t/v3YU7szRCutF . If you have any clue then I can try and figure out the rest

I’m going to ask the directory plugin author as well,

[ahmetsali]

Yes, this is not about css or the theme but about the functionality of the plugin, you better contact plugin author.

[tazekins]

So I’ve abandoned this theme for a while and came back to it recently. I’m still stuck with the same dropdown issue.

I’ve disabled the theme and checked with another theme and the dropdown works perfectly fine. As it should. I’ve commented out all .selector css I can find, but there appears to be inline styles and I can’t find the source of it.

With the 2012 theme, the dropdown css is :

with read wp:


Select category

Where is this extra div and inline styles coming from?

Please help. It’s making me nuts.

[tazekins]

I tried to add code but it wouldn’t work. What is the format? Not sure what I did wrong.

Here is a screenshot of the code http://www.screencast.com/t/UiWssU8HE49E

[ahmetsali]

Hi again, it comes from a plugin that we used for styling form elements crossbrowser. You can disable it;

– edit js/main.js in a text editor,
– find line : 164 and remove or comment out these lines;

                //**********************************
		// UNIFORM
		/*$("select:not([multiple]), input:checkbox, input:radio, input:file").uniform();
		var ua = navigator.userAgent.toLowerCase();
		var isAndroid = ua.indexOf("android") > -1;
		if(isAndroid) {
			$('html').addClass('android');
		}*/
		//**********************************

and also add this custom css code to fix mobile menu issue which will arise after the code changes;

@media screen and (min-width:768px) {
    .site-header .menu { display: none; }
    }