Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 13, 2017 at 8:56 am #863792
    jonna_gaertner

    Dear Enfold Team,
    I would like to reduce the height of the footer on our website, especially in the mobile version. On the mobile version the three columns are shown above each other with a big gap between them. How can I reduce that?
    Thank you in advance, best
    Jonna

    October 14, 2017 at 8:02 am #864224
    jonna_gaertner

    Hi, could you please help me? Thanks in advance, Jonna

    October 16, 2017 at 6:23 am #864661
    Ismael

    Hi,

    Thank you for using Enfold.

    Please try to decrease the widgets’ margin,

    @media only screen and (max-width: 767px) {
    #footer .widget {
        margin: 10px 0 10px 0;
    }

    .responsive #top #wrap_all #footer .flex_column {
        margin-bottom: 5px;
    }

    .flex_column .widget .widgettitle, .content .widget .widgettitle {
         margin-top: 0.42em;
    }
}

    And remove the empty text widget.

    Best regards,
    Ismael

    October 16, 2017 at 11:38 am #864760
    jonna_gaertner

    Hi Ismael,
    thank you very much! That worked out! But now, on the mobile version, the social media stick together one below the next one, looks quite strange. Is there a chance to show two in a row and below the other two in a row (in the mobile version)?
    Thanks in advance,
    Jonna

    October 17, 2017 at 5:55 am #865136
    Ismael

    Hi,

    The css code above affected all columns in the site. We modified it a bit so that it only affects the footer columns.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.