TBS Logos available

Big White Duck
2

To define the size of the logo at different screen sizes just use this…

@media screen and (max-width: 550px){
	.uk-logo {
		max-width: 250px !important; 
			}}
			
			@media screen and (max-width: 450px){
	.uk-logo {
		max-width: 200px !important; 
			}}
			
			@media screen and (max-width: 400px){
	.uk-logo {
		max-width: 130px !important; 
			}}

Change the .uk-logobit to match whatever class the logo in Foundation is given.

Play around with the numbers and eventually, you’ll get what you want.

EDIT: Somewhere in the back of my messy head something is telling me that with Topbar, the best way to reduce the logo on mobile is to add padding… Not sure, might be wrong… So maybe try this too.

@media screen and (max-width: 400px){ 

     .top-bar .name img{ 

         padding: 10px 0!important 

    } 

}
1 Like