Shrink Header In Mobile View

This topic contains 12 replies, has 4 voices, and was last updated by  Paolo 8 years ago.

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

Open Support Ticket
  • Author
    Posts
  • September 5, 2017 at 8:08 pm #394411

    Christine Shearer
    Free User
    Post count: 8

    Using Directory Starter theme and viewing the website I am working on on a mobile devise and see that the header image does not shrink to fit. Is there a way to enable that? I have tried to find a WP plugin that would help to no avail.

    http://instrumentaleagle.org/

    September 6, 2017 at 8:28 am #394465

    Kor
    Moderator
    Post count: 16516

    Hi Christine,

    Please insert the custom CSS code below into Gd > Design > Scripts > Custom Style CSS

    

    header#site-header {
    background-size: contain!important;
}
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		September 6, 2017 at 3:00 pm

		
		#394494

		
		
		
	
    


    


    

	
    

		
		
    Christine Shearer
    Free User
    
		
		
     Post count: 8
    
	
    

	
    

		
		
    I really appreciate your help. Unfortunately, I still don’t understand where to put this piece of code. I do not see a path of gd>>>>Custom Style CSS in the Directory Starter theme folder (see attachment one). And I tried to put it in the place that is for custom CSS in the customize dialog area and it did not affect the size of the header in mobile view (see attachment two).
    

    Sorry to be a pain. I wish I understood this stuff better 🙁
    

		
	
    


    

			
				

    

	
    

		September 6, 2017 at 3:25 pm

		
		#394499

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Christine, 
    

    It’s here. http://prntscr.com/ghuq6u . Could you please give it a try? 
    

    Thanks!
    

		
	
    


    

			
				

    

	
    

		September 6, 2017 at 4:22 pm

		
		#394501

		
		
		
	
    


    


    

	
    

		
		
    Christine Shearer
    Free User
    
		
		
     Post count: 8
    
	
    

	
    

		
		
    OK – your answer here made me realize I did not have the GeoDirectory plugin installed on this website. So, have done that and placed the code snippet in the place you indicated.
    

    And that worked! Unfortunately though, this process has killed the slide show that used to be on the home page….do you have any of your helpful advice for me on this new issue?
    

    http://instrumentaleagle.org
    

		
	
    


    

			
				

    

	
    

		September 7, 2017 at 6:05 am

		
		#394568

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Christine,
    

    That custom CSS code I’ve provided should not interfere with the “slideshow” you have on your homepage. Could you please remove it and see if it makes any difference? Also, please share WP temp admin access to your site so we can take a better look. You can post the details here using the private reply option below.
    

		
	
    


    

			
				

    

	
    

		September 7, 2017 at 2:42 pm

		
		#394624

		
		
		
	
    


    


    

	
    

		
		
    Christine Shearer
    Free User
    
		
		
     Post count: 8
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		September 8, 2017 at 5:30 am

		
		#394728

		
		
		
	
    


    


    

	
    

		
		
    Kiran
    Moderator
    
		
		
     Post count: 7069
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		September 8, 2017 at 2:39 pm

		
		#394774

		
		
		
	
    


    


    

	
    

		
		
    Christine Shearer
    Free User
    
		
		
     Post count: 8
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		September 8, 2017 at 3:38 pm

		
		#394784

		
		
		
	
    


    


    

	
    

		
		
    Christine Shearer
    Free User
    
		
		
     Post count: 8
    
	
    

	
    

		
		This reply has been marked as private.
		
	
    


    

			
				

    

	
    

		September 8, 2017 at 10:27 pm

		
		#394834

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31211
    
	
    

	
    

		
		
    Hi Christine,
    

    I just checked your website with all browsers I have both desktop, laptop and mobile.
    

    I can’t recreate that error. Do you know what browser was this tested with on the kindle fire or your client laptop?
    

    Did you try to clear the browser cache on both devices?
    

    Let us know,
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		September 9, 2017 at 2:12 am

		
		#394863

		
		
		
	
    


    


    

	
    

		
		
    Christine Shearer
    Free User
    
		
		
     Post count: 8
    
	
    

	
    

		
		
    Ah ha! I knew you smart people would have the answer. I cleared the cache on my Fire (using Silk browser) and that fixed this last issue. I imagine my client will just need to do the same.
    

    Thank you thank you!!!!!
    

		
	
    


    

			
				

    

	
    

		September 9, 2017 at 4:34 pm

		
		#394898

		
		
		
	
    


    


    

	
    

		
		
    Paolo
    Site Admin
    
		
		
     Post count: 31211
    
	
    

	
    

		
		
    You are welcome 🙂
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


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