Change mobile font size of popular categories

This topic contains 11 replies, has 3 voices, and was last updated by  Leonardo Guastella 7 years, 1 month ago.

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

Open Support Ticket
  • Author
    Posts
  • February 24, 2018 at 3:07 pm #419096

    Leonardo Guastella
    Expired Member
    Post count: 164

    Hi there i noticed that when on desktop the popular category font size is small.
    But then when it goes to mobile it goes massive.
    Is there a way i can keep the same small font font size?
    Im using supreme there

    February 24, 2018 at 3:32 pm #419105

    Leonardo Guastella
    Expired Member
    Post count: 164

    just marking the notification

    February 24, 2018 at 5:15 pm #419113

    Kor
    Moderator
    Post count: 16516

    Hi Leonardo,

    This can be done using custom CSS. Refer to this article for more info https://wpgeodirectory.com/docs/customizing-your-style/

    February 27, 2018 at 11:04 pm #419628

    Leonardo Guastella
    Expired Member
    Post count: 164

    Wow no idea where to start.
    Do you have the code so i can just keep the font same size on both desktop and mobile?

    February 28, 2018 at 1:55 pm #419705

    Alex Rollin
    Moderator
    Post count: 27815

    Please send a link to the page in question so we can take a look.

    February 28, 2018 at 6:56 pm #419777

    Leonardo Guastella
    Expired Member
    Post count: 164

    I think that happens in every supreme theme site

    here are the links:

    https://estateagents.inbexhill.com
    https://doggrooming.inbexhill.com
    https://beauty.inbexhill.com

    when resizing the screen from maximized to a mobile size sized window the font of the popular categories goes from a size 10(?) to a size 14(?)

    See video : http://recordit.co/ykVysEhmTN

    March 1, 2018 at 6:45 am #419816

    Kor
    Moderator
    Post count: 16516

    Hi Leonardo,

    Thanks for your reply. You can use the custom CSS code below to achieve what you needed there. 

    

    @media only screen and (max-width: 480px) {
.geodir_popular_post_category .geodir-cat-list ul.geodir-popular-cat-list li {
    font-size: 10px!important;
}
}
    

		
	
    


    

			
				

    

	
    

		March 1, 2018 at 1:48 pm

		
		#419879

		
		
		
	
    


    


    

	
    

		
		
    Leonardo Guastella
    Expired Member
    
		
		
     Post count: 164
    
	
    

	
    

		
		
    Im new here where do i input the css code?
    

		
	
    


    

			
				

    

	
    

		March 1, 2018 at 1:50 pm

		
		#419881

		
		
		
	
    


    


    

	
    

		
		
    Leonardo Guastella
    Expired Member
    
		
		
     Post count: 164
    
	
    

	
    

		
		
    Sorted! 
    

    Did it on scripts
    

    Thank you very much
    

		
	
    


    

			
				

    

	
    

		March 1, 2018 at 1:54 pm

		
		#419882

		
		
		
	
    


    


    

	
    

		
		
    Leonardo Guastella
    Expired Member
    
		
		
     Post count: 164
    
	
    

	
    

		
		
    One question. When I resize on desktop the small screen still reads the text
    
On mobile however it only shows the number
    
Can anything be done so the category text is shown?
    

		
	
    


    

			
				

    

	
    

		March 1, 2018 at 2:27 pm

		
		#419884

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi there, 
    

    Use this custom CSS code to fix that. 🙂 
    

    

    @media (max-width: 375px) {
.sd.home .cat-link, .sd.sd-location .cat-link {
    display: inline-block!important;
}
}
    

		
	
    


    

			
				

    

	
    

		March 1, 2018 at 4:22 pm

		
		#419892

		
		
		
	
    


    


    

	
    

		
		
    Leonardo Guastella
    Expired Member
    
		
		
     Post count: 164
    
	
    

	
    

		
		
    Sorted thank you 🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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