Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 20, 2018 at 1:30 pm #914825
    studiono

    Hi!
    how can I stop two columns from switching to full width when on mobile? I just want to show them on mobile as the same way you see them on desktop. I need this in one page only, not all the website.

    Thanks

    February 20, 2018 at 4:36 pm #914883
    Nikko

    Hey studiono,

    Can you post a link to the page mentioned? so we can take a closer look.

    Best regards,
    Nikko

    February 20, 2018 at 4:39 pm #914884
    studiono

    I need the two columns to stay like this in the mobile version.

    February 20, 2018 at 5:31 pm #914908
    Nikko

    Hi,

    Try adding this css code in Quick CSS (Located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #top.page-id-1652 #main .flex_column.av_one_half {
    margin-left: 6%;
    width: 47%;
  }

  #top.page-id-1652 #main .flex_column.av_one_half.first {
    margin-left: 0;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

    February 20, 2018 at 5:33 pm #914911
    studiono

    great, it works! Thanks a lot

    February 20, 2018 at 5:37 pm #914916
    Nikko

    Hi,

    Glad that we could help. :) Let us know if you need further assistance or if we can close this thread.

    Best regards,
    Nikko

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