Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 22, 2022 at 9:01 am #1356096
    schweg33

    Hello together
    I have recreated this page: 1 link below
    My question.
    Everything fits, only with the hyphenation and with the white balance I have problems. But this only when I activate the plugin. 3 Plugin below

    Here I have created a copy of the page. 2 Link below
    here is the plugin activated.
    Then the distance above and below is displayed much larger on the PC. and the titles appear in white color.
    On the smartphone the titles are also displayed in white. and the footer is no longer displayed below each other.
    3 columns appear?

    What can I do here
    or can you recommend me another plugin

    kind regards
    Franz

    June 23, 2022 at 5:06 am #1356231
    Nikko

    Hi schweg33,

    You can use the same plugin, it can be fixed by adding this CSS code in Enfold > General Styling > Quick CSS:

    #footer {
    padding: 0;
}

#footer .widget {
    margin: 0;
}

#top .footer_color .widgettitle, #top .socket_color .widgettitle {
    color: #000000;
    text-transform: none;
    font-size: 13px;
    letter-spacing: 0.09em;
}

    Best regards,
    Nikko

    June 23, 2022 at 6:44 am #1356235
    schweg33

    hello nikko
    the distance fits now super
    but on mobile view 1 see below
    columns are not displayed as in 2 see below
    the footer one below the other

    thanks in advance

    kind regards Franz

    June 23, 2022 at 7:07 am #1356237
    Nikko

    Hi Franz,

    I see, please add this CSS code as well:

    @media only screen and (max-width:767px) {
  .responsive #top .flex_column, .responsive #top .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

    Best regards,
    Nikko

    June 23, 2022 at 7:59 pm #1356332
    schweg33

    Thank you Nikko
    It looks great like this

    only one more problem
    The distances between the pictures on the mobile verison
    The spacing of the footer text on the mobile version

    could you make these distances smaller
    see printscreen below

    thanks in advance

    kind regards
    Franz

    June 25, 2022 at 5:31 am #1356448
    Nikko

    Hi Franz,

    Can you try to replace the last code I gave:

    @media only screen and (max-width:767px) {
  .responsive #top .flex_column, .responsive #top .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

    with this:

    @media only screen and (max-width:767px) {
  .responsive #top .flex_column, 
  .responsive #top .av-flex-cells .no_margin,
  .responsive #top #wrap_all .flex_column {
    margin: 0;
    margin-bottom: 8px;
    padding-bottom: 0;
    width: 100%;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    June 25, 2022 at 9:12 am #1356452
    schweg33

    Thank you very much Nikko
    this fits so great

    Your support is unique

    you can close the ticket

    kind regards
    Franz

    June 25, 2022 at 12:53 pm #1356473
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘if plugin active the footer appears wrong’ is closed to new replies.