Footer Widgets Supreme Theme

This topic contains 11 replies, has 3 voices, and was last updated by  Giri 8 years, 5 months ago.

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

Open Support Ticket
  • Author
    Posts
  • September 20, 2016 at 10:33 am #269339

    Roman
    Buyer
    Post count: 232

    Hi, for some reason there is an inexplicable behavior of Supreme theme footer widget columns.
    1. In mobile view on home page two middle columns disappear leaving only widget titles view-able.

    2. In tablet screen sizes, there is a weird gap that is not view-able in firefox, but can be seen on other browsers

    Examples: www.dancelifemap.com and screenshots

    Please help to fix this, thanks.

    September 20, 2016 at 5:26 pm #269808

    Paolo
    Site Admin
    Post count: 31211

    Hi,

    I don’t see the problem of the categories not showing, what device are you using?

    I see the gap problem though and I think it can be solved with this CSS:

    

    footer .col-lg-3:nth-child(2) {
    min-height: 320px;
}
    

    Let me know if that helps.
    

    Thanks,
    

    p.s. nice website, would you consider showcasing it? https://wpgeodirectory.com/submit/
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 6:17 am

		
		#270186

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    Hi, Paolo,
    
thanks I’ll try to apply this code and see if it works. And thanks again, I will submit the website for showcasing 🙂
    

    Getting back to the disappearing columns: you can see it simply resizing your browser window in chrome and firefox too (yesterday i thought it was only chrome). It is also visible on Samsung galaxy s7, didn’t check on other mobile devices.
    
The interesting thing is that it’s true only for Home Page, on other pages it seems to be working fine.
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 8:56 am

		
		#270296

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Hey Roman, 
    

    I couldn’t reproduce your first bug in Macbook chrome. I have tried by resizing window.
    

    Please let me know how to reproduce that bug.
    

    Thanks 
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 9:03 am

		
		#270298

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    I use windows. May be it can be seen only on pc. The same is true on android both on chrome and firefox, but again only on home page.
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 9:04 am

		
		#270299

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    Here is how it looks on my samsung android.
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 9:05 am

		
		#270301

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Yes I see that in my iPhone 5s too. Give me few minutes. I’ll see what i can do.
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 9:13 am

		
		#270305

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Try this code
    

    

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

    Let me know how that goes. 
    

    Thanks
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 12:28 pm

		
		#270381

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    Thanks a lot, Giri, the 1st problem is gone, but the 2nd problem with the gap is still there. The code provided by Paolo didn’t work unfortunately.
    

    Do you have any other suggestions?
    
Thanks.
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 12:41 pm

		
		#270397

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    Try this code
    

    

    @media only screen and (min-width : 768px) and (max-width : 992px) {
	.footer-widgets .col-lg-3:nth-child(2) {
	    min-height: 335px !important;
	}
}

    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 1:11 pm

		
		#270449

		
		
		
	
    


    


    

	
    

		
		
    Roman
    Buyer
    
		
		
     Post count: 232
    
	
    

	
    

		
		
    this one has worked, thanks a lot 🙂
    

		
	
    


    

			
				

    

	
    

		September 21, 2016 at 1:22 pm

		
		#270457

		
		
		
	
    


    


    

	
    

		
		
    Giri
    Expired Member
    
		
		
     Post count: 3155
    
	
    

	
    

		
		
    You are welcome..
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    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