Supreme Directory – footer widgets break layout on ipad or bigger screens

This topic contains 9 replies, has 4 voices, and was last updated by  Naveen Giri 4 years, 2 months ago.

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

Open Support Ticket

Tagged: ,

  • Author
    Posts
  • January 28, 2020 at 11:03 pm #527786

    directoryfan
    Expired Member
    Post count: 157

    Hello Support Team,

    for some reason the footer sidebars are not floating in two columns on ipad and bigger screens.

    Would you like to tell me the css class that I have to change in order to repair this? (site)

    Thank you in advance!
    Marius

    January 29, 2020 at 12:42 am #527792

    Alex Rollin
    Moderator
    Post count: 27815

    We will take a look at that and get back to you.

    January 29, 2020 at 5:58 pm #527914

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Thanks for your reply. Could you try using the custom CSS code below? Insert into WP > Appearance > Customize > Additional CSS. 

    @media only screen and (max-width: 800px) {
 
.geodir_event_cal_widget {
    position:absolute;
}

.footer-widgets .container {
    overflow: visible;
}


.footer-widgets {
    padding-bottom:600px;
}
}
    January 29, 2020 at 8:38 pm #527955

    directoryfan
    Expired Member
    Post count: 157

    Thank you Kor for your help and snippet!

    Unfortunately the code breaks the calendar widget. And between max-width:800 and min-widht:992 it does not change the break.

    Would you like to take a look, maybe like that is easier for us to solve this. Thank you very much!

    Marius

    January 29, 2020 at 8:38 pm #527958

    directoryfan
    Expired Member
    Post count: 157
    This reply has been marked as private.
    February 12, 2020 at 10:20 am #529941

    directoryfan
    Expired Member
    Post count: 157

    Hi @korchung,

    I still have this problem and I do not know how to solve it. I’ve tried different codes, but they break other parts of the design.

    And I can not find this on your demo to compare, because the footer sidebars and widgets are not used in it. This looks like a bug of Supreme Directory theme, can you confirm this?

    It looks not good on tablets and smaller notebooks. Please help me to solve this.

    Thank you a lot in advance!
    Marius

    February 13, 2020 at 11:23 am #530115

    Naveen Giri
    Moderator
    Post count: 1559

    Hi directoryfan,

    I am taking look on it. I will update you.

    Thanks for your patience.

    February 17, 2020 at 2:10 am #530694

    Naveen Giri
    Moderator
    Post count: 1559

    Hi directoryfan,

    Sorry for late reply, I lost this ticket.

    I have added css patch on your site customiser. 

    
.footer-widgets .container{
	display: flex;
    flex-wrap: wrap;
}

    Please have a look now.

    Thanks for your patience.

    March 3, 2020 at 11:38 pm #533401

    directoryfan
    Expired Member
    Post count: 157

    Hi @1naveengiri, and thank you for your snippet. This is working now after the last GD updates. Thank you a lot!

    Greetings

    March 4, 2020 at 4:12 am #533424

    Naveen Giri
    Moderator
    Post count: 1559

    Thanks for confirmation. have a great day.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

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

Open Support Ticket