GeoDirectory SupportTabs "across" instead of "down" on iPad – GeoDirectory Support https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/feed Mon, 17 Mar 2025 11:46:05 +0000 http://bbpress.org/?v=2.5.14-6684 en-US https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-23800 <![CDATA[Tabs "across" instead of "down" on iPad]]> https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-23800 Mon, 08 Dec 2014 11:04:37 +0000 adriangraham 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

]]> https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-23808 <![CDATA[Reply To: Tabs "across" instead of "down" on iPad]]> https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-23808 Mon, 08 Dec 2014 12:18:14 +0000 Simone 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 

						]]>
					

					
					
				

			
				
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-25948
					<![CDATA[Reply To: Tabs "across" instead of "down" on iPad]]>
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-25948
					Wed, 31 Dec 2014 15:26:37 +0000
					adriangraham

					
						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

						]]>
					

					
					
				

			
				
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-25961
					<![CDATA[Reply To: Tabs "across" instead of "down" on iPad]]>
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-25961
					Wed, 31 Dec 2014 19:44:51 +0000
					Simone

					
						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

						]]>
					

					
					
				

			
				
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-25963
					<![CDATA[Reply To: Tabs "across" instead of "down" on iPad]]>
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-25963
					Wed, 31 Dec 2014 19:56:01 +0000
					Paolo

					
						Hi Adrian,

@media only screen and (max-width: 1060px)

{ dl.geodir-tab-head dd {

    width: auto !important;

}}


Should do it. 


Let us know,


Thx

						]]>
					

					
					
				

			
				
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-25966
					<![CDATA[Reply To: Tabs "across" instead of "down" on iPad]]>
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-25966
					Wed, 31 Dec 2014 20:23:39 +0000
					adriangraham

					
						
					

					
					
				

			
				
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-26041
					<![CDATA[Reply To: Tabs "across" instead of "down" on iPad]]>
					https://wpgeodirectory.com/support/topic/tabs-across-instead-of-down-on-ipad/#post-26041
					Fri, 02 Jan 2015 10:51:42 +0000
					adriangraham

					
						Paolo,


Fantastic, yes that worked. iPad 2 now looking good


A

						]]>