removing whitespace between textwidget and search box

This topic contains 6 replies, has 3 voices, and was last updated by  Giri 6 years, 12 months ago.

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

Open Support Ticket
  • Author
    Posts
  • May 23, 2017 at 4:22 pm #379711

    peterho2004
    Expired Member
    Post count: 48

    hi Sir,

    This is a follow-up to another thread. I was trying to put some floating text on top of a search bar with a background image. I followed the advice from the support forum and got to 90% of what I was looking for. However, now I have some extra whitespace between the menu and the image (see URL and attached image). Can someone take a look and suggest how I can get ride of the whitespace? thanks for your help.

    Peter

    home page:
    http://www.temporary-url.com/8IWvet

    original thread:
    https://wpgeodirectory.com/support/topic/geo-1280-theme-various-formatting-help/

    May 23, 2017 at 8:07 pm #379751

    Paolo
    Site Admin
    Post count: 31206

    Hi,

    I asked to the developers to have a look at your question and to let us know.

    Thanks for your patience,

    May 24, 2017 at 11:00 am #379809

    Giri
    Expired Member
    Post count: 3155

    Try adding this custom style

    

    .geo1280-placeholder {
     display:none !important;
}
    

		
	
    


    

			
				

    

	
    

		May 24, 2017 at 11:39 am

		
		#379815

		
		
		
	
    


    


    

	
    

		
		
    peterho2004
    Expired Member
    
		
		
     Post count: 48
    
	
    

	
    

		
		
    thanks Giri.  Your suggestion works perfectly on the desktop (across browsers).  However, there is still a whitespace gap in the mobile/tablet version.  Is there a way to remove the whitespace in the mobile version?  Much appreciated.
    

		
	
    


    

			
				

    

	
    

		May 24, 2017 at 12:35 pm

		
		#379829

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Try applying this code.
    

    

    @media screen and (max-width: 699px) {
	.home section#text-3 {
		margin: 0;
	    height: 0;
	}
}
    

		
	
    


    

			
				

    

	
    

		May 24, 2017 at 1:35 pm

		
		#379846

		
		
		
	
    


    


    

	
    

		
		
    peterho2004
    Expired Member
    
		
		
     Post count: 48
    
	
    

	
    

		
		
    thanks Giri.  It works perfectly as suggested.  My phone (Nexus 5x) has a pixel density of 1080×1920.
    
It still has a whitespace.  When I change the max-width parameter to 1080, it is getting the desirable effect.  I suppose it is ok to specify a much higher max-width to a much higher number?
    

		
	
    


    

			
				

    

	
    

		May 24, 2017 at 1:45 pm

		
		#379861

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Yes thats fine.
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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