Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 12, 2016 at 5:16 am #684870
    antdesign01

    I would like to remove the space between column when presented on mobile screens. On full screen, I have space between columns set to 0 (see example below), on mobile screens when placed ontop of each other, Im getting a space that I would like to remove (second example below). I would like the space between these columns to be set to 0.

    Main Screen

    Mobile Screen

    September 12, 2016 at 5:17 am #684871
    antdesign01

    I uploaded the examples back to front by the looks of things.

    September 13, 2016 at 7:20 am #685534
    Rikard

    Hi,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    September 13, 2016 at 7:44 am #685551
    antdesign01

    Here you go.

    September 13, 2016 at 4:57 pm #685925
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 767px) { 
#espresso-main .flex_column {
    margin-bottom: 0!important;
}}

    Regards,
    Yigit

    September 15, 2016 at 4:17 pm #686971
    antdesign01

    Thats great, thank you.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Removing Space between Columns on mobile/small screen.’ is closed to new replies.