Tabs "across" instead of "down" on iPad

This topic contains 6 replies, has 3 voices, and was last updated by  adriangraham 9 years, 4 months ago.

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

Open Support Ticket
  • Author
    Posts
  • December 8, 2014 at 11:04 am #23800

    adriangraham
    Expired Member
    Post count: 426

    Hi guys,

    iPad (iPad 2) screen is more then big enough to cater for tabs across the screen on “place detail” page…. but they are rendering downwards like on mobile.

    Where could I change just the tabs to be across on iPad sized screens?

    Thanks!

    Adrian

    December 8, 2014 at 12:18 pm #23808

    Simone
    Expired Member
    Post count: 3515

    Hello Adrian, I think you should play with the @media in the css, actually it is like this:

    

    @media only screen and (max-width: 1060px)
{ 
  .geodir_category_list_view li.gridview_onethird, 
  .geodir_category_list_view li.gridview_onehalf, 
  .geodir_category_list_view li.gridview_onefifth{ width: -webkit-calc(50% - 14px);width: -moz-calc(50% - 14px);width: calc(50% - 14px);}
  #gd-sidebar-wrapper .likethis{ width:auto;}
  .stick_trigger_container .geodir_map_container, 
  .stick_trigger_container .geodir_map_container .map_background .main_map_wrapper,
  .stick_trigger_container .geodir_map_container .map_background .main_map_wrapper .geodir_marker_cluster,
  .stick_trigger_container .geodir_map_container .map_background .main_map_wrapper .loading_div{width:100%!important;}
  .geodir_category_list_view li span.geodir-rating{padding-left:0px;}
  dl.geodir-tab-head dd{width:100%;}
  dl.geodir-tab-head {margin: 0px; display: table; width: 100%; border-right: 1px solid #e1e1e1; }
    

    Maybe playing with the max-width you should accomplish that…I’ll leave the final words to Paolo 
    

		
	
    


    

			
				

    

	
    

		December 31, 2014 at 3:26 pm

		
		#25948

		
		
		
	
    


    


    

	
    

		
		
    adriangraham
    Expired Member
    
		
		
     Post count: 426
    
	
    

	
    

		
		
    Sorry for the late reply….
    

    This is not working for me…. tried the above and experimenting with the width…but to no avail?
    

    THanks,
    

    Adrian
    

		
	
    


    

			
				

    

	
    

		December 31, 2014 at 7:44 pm

		
		#25961

		
		
		
	
    


    


    

	
    

		
		
    Simone
    Expired Member
    
		
		
     Post count: 3515
    
	
    

	
    

		
		
    Hello Adrian, will Test and get back at you as soon as I will be on my computer..
    
For now I wish you an happy new year
    

		
	
    


    

			
				

    

	
    

		December 31, 2014 at 7:56 pm

		
		#25963

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31206
    
	
    

	
    

		
		
    Hi Adrian,
    
@media only screen and (max-width: 1060px)
    
{ dl.geodir-tab-head dd {
    
    width: auto !important;
    
}}
    

    Should do it. 
    

    Let us know,
    

    Thx
    

		
	
    


    

			
				

    

	
    

		December 31, 2014 at 8:23 pm

		
		#25966

		
		
		
	
    


    


    

	
    

		
		
    adriangraham
    Expired Member
    
		
		
     Post count: 426
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		January 2, 2015 at 10:51 am

		
		#26041

		
		
		
	
    


    


    

	
    

		
		
    adriangraham
    Expired Member
    
		
		
     Post count: 426
    
	
    

	
    

		
		
    Paolo,
    

    Fantastic, yes that worked. iPad 2 now looking good
    

    A
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket