Footer not responsive

  • Hi!
    I have issues with footer area. I have 4 columns with text in there. On mobile screens there are large gaps between each text and on tablets there’s a large gap above last column.
    The website is https://www.atlibertyhotel.ru/en/ and I’ve tested it in beta.screenqueri.es.

    How can I reduce the space and make footer look good on small screens too?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi..

    Please go to Admin dashboard >> Appearance >> Theme Option >> General Setting.

    Paste the below css in custom css editor.

    @media (max-width:768px){
.enigma_footer_widget_column {
    min-height: 200px !important;
    margin: 10px 0 !important;
}
}

@media (max-width:480px){
.enigma_footer_widget_column .textwidget {
    padding-bottom: 0 !important;
    height: auto !important;
    display: inline-block !important;
    margin: 10px 0 !important;
}
.enigma_footer_widget_column {
    margin-bottom: 20px !important;
}
.enigma_footer_widget_title {
    margin: 0px !important;
}
}

    and save the changes.

    Thanks.

    Thread Starter an3na

    (@an3na)

    Thanks, it looks perfectly now!

    Most Welcome

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Footer not responsive’ is closed to new replies.