Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 27, 2016 at 8:48 pm #692405
    ananda

    Hi,

    There is an option to add custom top and bottom margin to columns. This works great on desktop, but not on mobile devices.

    How can I remove this margin on mobile devices?

    Thank you regards

    September 27, 2016 at 10:01 pm #692428
    Jordan

    Hey reamisag,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    September 28, 2016 at 8:42 am #692519
    ananda

    Hi

    Here are the login information. You need to login and then you will see the page. When you resize you browser to less then 700px you will see what happens to the 3 squares on the bottom front page.

    Thank you
    Regards
    Marko

    September 29, 2016 at 4:45 pm #693225
    ananda

    Hi,
    Sorry for asking again, but is there a CSS sollution for my problem? somehow the first column is not shown…
    Thank you

    September 29, 2016 at 4:48 pm #693229
    Yigit

    Hey!

    Can you please post a screenshot showing the issue? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here. I checked your page but could not see an issue with columns

    Best regards,
    Yigit

    September 29, 2016 at 8:26 pm #693346
    ananda

    Hi

    I’ve made a short video – you will see that the first column is only shown partialy on mobile screen…

    Regards
    Marko

    September 29, 2016 at 8:38 pm #693355
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 768px) {
.home #av-layout-grid-1 .flex_column_table {
    margin-top: 0!important;
}}

    Best regards,
    Yigit

    September 29, 2016 at 11:21 pm #693425
    ananda

    Thx Yigit

    That did the job :-)

    Regards
    Marko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Column custom top and bottom margin remove on mobile devices’ is closed to new replies.