full-width page responsive

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

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

Open Support Ticket
  • Author
    Posts
  • June 5, 2018 at 9:17 pm #433829

    bernieportal
    Expired Member
    Post count: 108

    Hello,

    I downloaded the Core Plugin and I’m struggling with the page width responsiveness. Right now the page is at 100% full width. I would like to have the page stretch as the window gets bigger or smaller, but have the content/text given a max width so it doesn’t stretch to the full page. Would you be able to provide the CSS, and where I should put it? Thanks!

    https://www.bernieportal.com/directory/

    June 6, 2018 at 12:51 am #433837

    Kor
    Moderator
    Post count: 16516

    Hi Kati,

    Thanks for your post. I’d like you to know that the plugin itself is responsive and I don’t see any issues when I resize the screen. Could you possibly show us the layout issue in a screenshot? If you wish to apply some paddings, you can use the custom CSS code below. 

    

    div#geodir-wrapper {
    padding: 20px!important;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		June 6, 2018 at 1:26 pm

		
		#433930

		
		
		
	
    


    


    

	
    

		
		
    bernieportal
    Expired Member
    
		
		
     Post count: 108
    
	
    

	
    

		
		
    I’m wanting it to look like the rest of my website, where the content is centered in the middle and stays the same width no matter how large the window is.
    

    This is what it looks like now with the content staying towards the edges as the window gets bigger and smaller: https://www.bernieportal.com/directory/
    

    Here’s the layout I want: https://www.bernieportal.com/
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		June 6, 2018 at 5:40 pm

		
		#433969

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31211
    
	
    

	
    

		
		
    please try:
    

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

    Thanks
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 4 posts - 1 through 4 (of 4 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