Categories/CPT not responsive

This topic contains 7 replies, has 3 voices, and was last updated by  Guust 10 years ago.

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

Open Support Ticket
  • Author
    Posts
  • April 27, 2015 at 12:07 am #38055

    We Love Travel Group
    Free User
    Post count: 186

    Hi,

    Out categories/CPT don’t seem to be responsive on mobiles?

    You can see examples at:

    http://www.welovekohphangan.com/phangan-resorts/backpacker-hotels-on-koh-phangan/

    http://www.welovekohphangan.com/activities/scuba-diving-in-koh-phangan/

    This is also a problem on all our GEO sites.

    Any ideas please?

    April 27, 2015 at 8:35 am #38062

    We Love Travel Group
    Free User
    Post count: 186

    Any ideas please as sites are looking very poor at the moment?

    April 27, 2015 at 12:08 pm #38067

    Guust
    Moderator
    Post count: 29970

    It has to be the CSS for the image. If you remove the image it is all fine. Check out the CSS for this page http://www.welovekohphangan.com/bus-to-koh-phangan/
    and adjust the CSS for your other pages.

    April 27, 2015 at 12:40 pm #38068

    We Love Travel Group
    Free User
    Post count: 186

    Hi Guust,

    Yes that page works fine as it is a normal page, but the categories that are CPT do not work correctly. So do i have to take the images off from the CPT then? Im really not sure how to adjust the CSS on the pages? There are a lot of CPT pages across 14 sites so need some kind of quick fix.

    April 27, 2015 at 1:25 pm #38069

    Guust
    Moderator
    Post count: 29970

    Add this to your CSS:
    img {max-width: 100%;}

    April 27, 2015 at 5:48 pm #38092

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    the correct css for the catgeory description image is 

    

    .term_description img {
    height: auto;
    max-width: 100%;
    width: 100%;
}
    

    HOwever there is a widget too that is not perfectly responsive and it is that agoda.com slider.
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		April 28, 2015 at 4:23 am

		
		#38114

		
		
		
	
    


    


    

	
    

		
		
    We Love Travel Group
    Free User
    
		
		
     Post count: 186
    
	
    

	
    

		
		
    i have added the css and it now makes the image on the site much smaller and to the left on laptop/desktop, and does not look good. On mobiles it is also to the left and looks too small now.
    

    example at: http://www.welove-kohlipe.com/things-to-do/koh-lipe-activities/
    

		
	
    


    

			
				

    

	
    

		April 28, 2015 at 12:26 pm

		
		#38139

		
		
		
	
    


    


    

	
    

		
		
    Guust
    Moderator
    
		
		
     Post count: 29970
    
	
    

	
    

		
		
    You added
    
width: 90%;
    
instead of
    
width: 100%;
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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