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
  • #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.

    #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/

    #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.

    #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

    #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.

    #270299

    Roman
    Buyer
    Post count: 232

    Here is how it looks on my samsung android.

    #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

    #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

    #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.

    #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;
    	}
    }
    
    #270449

    Roman
    Buyer
    Post count: 232

    this one has worked, thanks a lot 🙂

    #270457

    Giri
    Expired Member
    Post count: 3155

    You are welcome..

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