mobile logo size

This topic contains 6 replies, has 3 voices, and was last updated by  stevebauer 9 years, 2 months ago.

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

Open Support Ticket
  • Author
    Posts
  • November 16, 2015 at 1:51 pm #60328

    NovaT
    Expired Member
    Post count: 102

    Hi

    If my logo size is too big (350x100px) it is huge on mobile.. can it be auto resized to mobile when viewing on smaller screens?

    Thank you

    November 16, 2015 at 7:25 pm #60424

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    with css (almost) everything can be done, please provide a link and we will inspect your website.

    Thanks

    January 5, 2016 at 2:17 am #66608

    stevebauer
    Expired Member
    Post count: 26

    Hello,

    I have the same issue as NovaT. Until there is a solution I did remove it with:

    

    @media only screen and (max-width: 767px) {
.site-logo {
    display: none;
}
}
    

    Please help me, I would like to have it displayed properly.
    

    The website is: kohsamui.wedding
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		January 5, 2016 at 4:54 pm

		
		#66705

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31211
    
	
    

	
    

		
		
    Hi,
    

    I’d change that with :
    

    

    
@media only screen and (max-width: 767px) {
.site-logo img {
    margin: 50px 0;
    max-width: 100%;
}}

    

    Let us know if it helped.
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		January 5, 2016 at 5:43 pm

		
		#66714

		
		
		
	
    


    


    

	
    

		
		
    stevebauer
    Expired Member
    
		
		
     Post count: 26
    
	
    

	
    

		
		
    Hello, thanks but it didn’t.
    

    The image does re-size how it should, however the menu is no longer clickable. Please check it out on a mobile on the website I did mention earlier.
    

    Cheers
    

		
	
    


    

			
				

    

	
    

		January 5, 2016 at 6:21 pm

		
		#66727

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31211
    
	
    

	
    

		
		
    Ok,
    

    please add to the above css:
    

    

    
.site-logo {
    margin: -40px 0 -60px;
}
#inner-header {
    clear: both;
}
    

    You’ll probably want to reduce the margin on the logo image now.
    

    Let us know if this works.
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		January 6, 2016 at 4:04 am

		
		#66819

		
		
		
	
    


    


    

	
    

		
		
    stevebauer
    Expired Member
    
		
		
     Post count: 26
    
	
    

	
    

		
		
    Great thanks, it is working.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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
				

			

		

		
	
	


			

			


		
	


		

	

	


















	
	
			
			
			
			
                        
            
            
                
                

                    

                        20% Discount Offer
                        
                        
                    

                    

                        Hurry! Get your 20% discount before it expires.
                        Get 20% Discount