40% OFF EVERYTHING
Our 10th BIRTHDAY SALE
Buy Now

How to adjust Advanced Search Column Numbers

This topic contains 7 replies, has 3 voices, and was last updated by  Paolo 7 years, 3 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • January 17, 2017 at 10:52 pm #344789

    E-Tech Computing
    Free User
    Post count: 15

    I have 6 columns of Advanced Search items. It cuts off at 5 columns for my 1366 x 768 monitor screen. I would like it to cut off at 4 columns so it can knock/carry over my 5th item to the next row beside item 6.

    I know it does that automatically will knock off item 5 to second row when the window resizes, but is there a setting somewhere I can adjust this or a CSS code you would suggest I execute?

    Thank you.

    January 18, 2017 at 5:22 am #344944

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below.

    Thanks!

    January 20, 2017 at 4:41 pm #346375

    E-Tech Computing
    Free User
    Post count: 15
    This reply has been marked as private.
    January 20, 2017 at 4:52 pm #346378

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Could you please double check on the URL? it seems invalid as I’m getting “Not Found” error. Probably server restriction?

    Thanks!

    January 20, 2017 at 5:27 pm #346382

    E-Tech Computing
    Free User
    Post count: 15
    This reply has been marked as private.
    January 20, 2017 at 7:59 pm #346470

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    I see 4 and 2 (see image attached).

    We use flex css3 properties to handle the advance search filters which adapts to screen size.

    In order to achieve what you want you’d need to disable our css and add your own.

    To disable the css of the search widget you need to go to:

    Design > Search > Search form settings > Use old non-styled form

    Let us know how it goes,

    Thanks

    January 23, 2017 at 3:31 pm #347932

    E-Tech Computing
    Free User
    Post count: 15
    This reply has been marked as private.
    January 23, 2017 at 7:32 pm #348040

    Paolo
    Site Admin
    Post count: 31206

    Please try this:

    

    
.geodir-filter-container .geodir-filter-cat 
    min-width: 300px;
}
    

    Remember this will arrange it like that on bigger screen only, not in all possible devices.
    

    Let me know how it goes,
    

    Thanks
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 8 posts - 1 through 8 (of 8 total)
	


	


		
	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket