Details page margin on mobile devices

This topic contains 12 replies, has 3 voices, and was last updated by  Martin Steimann 6 years, 9 months ago.

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

Open Support Ticket
  • Author
    Posts
  • March 20, 2019 at 7:04 am #475474

    Martin Steimann
    Lifetime Member
    Post count: 262

    Hello,

    is there a way to narrow the margin between the Details Page’s main content and the sidebar on mobile devices? I have attached a screenshot of the activated video tab, but this goes for all tabs.

    Regards,
    Martin

    March 20, 2019 at 7:10 am #475478

    Kor
    Moderator
    Post count: 16516

    Hi Martin,

    Thanks for your post. Could you share the URL of the page in question so that I could check on it?

    Thanks!

    March 20, 2019 at 7:24 am #475479

    Martin Steimann
    Lifetime Member
    Post count: 262
    This reply has been marked as private.
    March 20, 2019 at 5:43 pm #475572

    Alex Rollin
    Moderator
    Post count: 27815

    That height is set with this CSS rule:

    

    
.geodir-tabs ul.geodir-tabs-content {
    margin: 0 0 10px 0;
    padding: 0;
    min-height: 350px;
    clear: both;
}

    

    You will need to write CSS to overrule it. Here is a page we created to show how to create custom CSS.
    

    https://wpgeodirectory.com/docs/customizing-your-style/
    

		
	
    


    

			
				

    

	
    

		March 20, 2019 at 5:45 pm

		
		#475573

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		March 22, 2019 at 9:48 am

		
		#475883

		
		
		
	
    


    


    

	
    

		
		
    Martin Steimann
    Lifetime Member
    
		
		
     Post count: 262
    
	
    

	
    

		
		
    Thanks for the code. It works until the min-hight of around 260/270. If I set numbers below that value, i.e. 100px, the margin stays around 260 px.
    

		
	
    


    

			
				

    

	
    

		March 22, 2019 at 10:03 am

		
		#475886

		
		
		
	
    


    


    

	
    

		
		
    Martin Steimann
    Lifetime Member
    
		
		
     Post count: 262
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		March 22, 2019 at 12:35 pm

		
		#475906

		
		
		
	
    


    


    

	
    

		
		
    Martin Steimann
    Lifetime Member
    
		
		
     Post count: 262
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		March 22, 2019 at 3:12 pm

		
		#475924

		
		
		
	
    


    


    

	
    

		
		
    Martin Steimann
    Lifetime Member
    
		
		
     Post count: 262
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		March 23, 2019 at 3:13 am

		
		#476016

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    Image sizes on each site are shown in the media library. The image size is then specified in the gd_post_images you use in the template page.
    

    The space on the page cannot be reduced without some customization.
    

    In most cases the best thing to do when users are submitting logos is to place the logo in a different container than the slider or featured image using gd_post_meta instead of gd_post_images. 
    

		
	
    


    

			
				

    

	
    

		March 23, 2019 at 2:36 pm

		
		#476074

		
		
		
	
    


    


    

	
    

		
		
    Martin Steimann
    Lifetime Member
    
		
		
     Post count: 262
    
	
    

	
    

		
		
    Okay thank you, I think I get what you mean. So without customization I can’t get rid of the white space above and beyond that particular logo.
    

    I was just trying to mess around with the gd_post_meta shortcode settings when I realized that my custom settings are not added to the gd_post_meta-code in the light gray text box on the right hand side. Maybe you can have a look and see if it’s working on your system.
    

    Back to the topic: Can the margin on mobile devices be reduced below 260px? Might this be a Theme related issue? I will then ask the KLEO developers.
    

    Regards,
    
Martin
    

		
	
    


    

			
				

    

	
    

		March 25, 2019 at 5:33 pm

		
		#476367

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Martin, 
    

    Thanks for your reply. Which custom settings are you referring to? Also, which margin on mobile device are you trying to reduce? Maybe you can provide us some screenshot so that we could check on it?
    

		
	
    


    

			
				

    

	
    

		March 25, 2019 at 5:43 pm

		
		#476370

		
		
		
	
    


    


    

	
    

		
		
    Martin Steimann
    Lifetime Member
    
		
		
     Post count: 262
    
	
    

	
    

		
		
    Hello Kor,
    

    Thanks for answering. It is the margin between the content of a tab and the content of the sidebar on the GD Details page. Please note the screenshot in #475474 above.
    

    I have altered Alex’s code (#475572) to
    

    .geodir-tabs ul.geodir-tabs-content {
    margin: 0 0 10px 0;
    padding: 0;
    min-height: 200px;
    clear: both;
} 
    

    but the min-hight is always about 260px.
    

    Regarding the gd_post_meta settings issue I have just opened an extra topic #476368 with an attached screenshot.
    

    Regards,
    
Martin
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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


	


		
	





		
				

			

				

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

					Open Support Ticket
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount