Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 5, 2017 at 12:41 am #884893
    Menastickers

    Hi,

    I have a little trouble resolving the following. On this page: http://strak.design/droge/testament/ I made a 3/5 and 2/5 column with a grey background (GRATIS TESTAMENTCHECK). On larger devices it looks fine but on tablets en mobile phones there is a little whit space between the text and the button. How can I remove the white space?

    Regards

    December 5, 2017 at 7:22 am #884946
    Nikko

    Hey Menastickers,

    Thanks for providing the link, can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .page-id-151 #after_full_slider_1 .flex_column_table .av_three_fifth {
    margin-bottom: 0 !important;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    December 5, 2017 at 11:30 am #884974
    Menastickers

    Hi Nikko,

    Works like a charm, thank you! I managed to do the same trick on other pages but I do not not how to get it working for: http://strak.design/droge/stichting-droge-foundation/. The 1/1 column “DONATIES”.

    Regards,

    Pieterjan

    December 5, 2017 at 11:57 am #884987
    Nikko

    Hi Pieterjan,

    You’re welcome :) please replace the code I gave above with this one:

    @media only screen and (max-width:767px) {
  .page-id-151 #after_full_slider_1 .flex_column_table .av_three_fifth,
  .page-id-295 #after_full_slider_1 .av_one_full.avia-builder-el-37 {
    margin-bottom: 0 !important;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

    December 5, 2017 at 12:28 pm #885005
    Menastickers

    Thank you! Works great :)

    December 5, 2017 at 12:41 pm #885014
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

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