Responsive Problems

This topic contains 6 replies, has 3 voices, and was last updated by  Stiofan O’Connor 7 years, 2 months ago.

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

Open Support Ticket
  • Author
    Posts
  • March 16, 2017 at 7:59 pm #367856

    TJ Sadler
    Expired Member
    Post count: 5

    Hi. My website is responsive and has no issues on tablet or iphone. However, the GD map and text from each companies page is unreadable (half is cut off the page and you can’t view. Could you please explain how to fix that. Website is http://yegfitness.ca/directory/

    Thanks

    March 17, 2017 at 5:32 am #367915

    Kor
    Moderator
    Post count: 16516

    Hi TJ,

    Could you refer to this section of the documentation and see if it helps? https://wpgeodirectory.com/docs/common-styling-examples/#bubble

    Thanks!

    March 17, 2017 at 12:02 pm #367984

    Stiofan O’Connor
    Site Admin
    Post count: 22956

    You have a custom bit of style breaking the responsiveness

    

    #geodir-wrapper {
    width: 1170px !important;
}
    

    maybe u want it to be
    

    

    #geodir-wrapper {
    max-width: 1170px !important;
}
    

    Stiofan
    

		
	
    


    

			
				

    

	
    

		March 17, 2017 at 2:17 pm

		
		#368090

		
		
		
	
    


    


    

	
    

		
		
    TJ Sadler
    Expired Member
    
		
		
     Post count: 5
    
	
    

	
    

		
		
    Thanks for that. That worked. Now however, the left side of the text lines up full width and is right against the left side of the screen. Is there a way to have it line up on desktop with the framing of the existing page (indented from the side a bit). It is WAY better on a device but just looks a bit weird on desktop. 
    

    Thanks again for your help.
    

		
	
    


    

			
				

    

	
    

		March 17, 2017 at 2:49 pm

		
		#368099

		
		
		
	
    


    


    

	
    

		
		
    Stiofan O’Connor
    Site Admin
    
		
		
     Post count: 22956
    
	
    

	
    

		
		
    Hi TJ,
    

    try this:
    

    

    #geodir-wrapper {
    max-width: 1170px !important;
    margin: 0 auto;
}
    

    Thanks,
    

    Stiofan
    

		
	
    


    

			
				

    

	
    

		March 17, 2017 at 6:26 pm

		
		#368146

		
		
		
	
    


    


    

	
    

		
		
    TJ Sadler
    Expired Member
    
		
		
     Post count: 5
    
	
    

	
    

		
		
    That did the trick. Thanks so much.
    

		
	
    


    

			
				

    

	
    

		March 17, 2017 at 6:28 pm

		
		#368148

		
		
		
	
    


    


    

	
    

		
		
    Stiofan O’Connor
    Site Admin
    
		
		
     Post count: 22956
    
	
    

	
    

		
		
    Great! 🙂
    

    Stiofan
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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